2009-04-27 3 views
0

ich die script in meiner Homepage verfolgt haben bekommenEs kann keine jQuery Skript Arbeit in Firefox

$(function() { // same as $(document).ready(function() { }) 
    // assuming we have the open class set on the H2 when the HTML is delivered 
    $('li.drawer h2:not(.open)').next().hide(); 

    $('h2.drawer-handle').click(function() { 
    // find the open drawer, remove the class, move to the UL following it and hide it 
    $('h2.open').removeClass('open').next().hide(); 

    // add the open class to this H2, move to the next element (the UL) and show it 
    $(this).addClass('open').next().show(); 
    }); 
}); 

Es funktioniert in Safari, aber nicht in Firefox 3.08/3.1 beta3.

Wie können Sie das obige jQuery-Skript in Firefox arbeiten?

[Bearbeiten]

ersten Zeilen meiner index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 

<head> 
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"/> 
<link href="template.css" type="text/css" rel="stylesheet"/> 
<title>Abc</title> 

<script type="text/javascript" src="jquery.js" /> 

<script type="text/javascript"> 

! - - - - Above Code is at Here - - - - - 

</script> 

</head> 

Der Körper index.html

<body> 
<div class="mainbody"> 

<h1 class="myheader">Test</h1> 
<p>Test</p> 

<ul class="drawers"> 

    <li class="drawer"> 
     <h2 class="drawer-handle open">Contact info</h2> 
     <ul> 

     <li>name 
     </li> 

     <li> 
      <div class="">aaa 
      </div> 
     </li> 
     </ul> 
    </li> 

    <li class="drawer"> 
     <h2 class="drawer-handle">Unpublished</h2> 
     <ul> 
     <li class="italic"> 
      <i>A</i> (2009). 
     </li> 
     <li class="italic"> 
      <i>aaa</i> (2008). 
     </li> 
     </ul> 
    </li>  

    <li class="drawer"> 
     <h2 class="drawer-handle">Recent projects</h2> 
     <ul> 
     <li class="italic"> 
      Websites 
     </li> 

     <li class="italic"> 
      Search 
      <form action="http://www.google.com/cse" id="cse-search-box"> 
      <div> 
       <input type="hidden" name="cx" value="8834479:1qd7hky6khe" /> 
       <input type="hidden" name="ie" value="UTF-8" /> 
       <input type="text" name="q" size="31" /> 
       <input type="submit" name="sa" value="Search" /> 
      </div> 
      </form> 
      <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script> 
     </li> 

     </ul> 
    </li>  

</ul> 


</div> 

</body> 
</html> 
+0

Masi: posten Sie den HTML-Code, den dieses Skript tatsächlich manipuliert! – Shog9

+0

Ich habe meine gesamte HTML-Datei gepostet. –

Antwort

1

bekam ich den Code in Firefox arbeiten durch Ersetzen der folgenden

<script type="text/javascript" src="jquery.js" /> 

zu

<script type="text/javascript" src="jquery.js"></script> 
2

Es ist für mich 3.0 in Firefox funktioniert .9

Was genau funktioniert nicht?

+0

Ich habe einen meiner Firefox aktualisiert, und ich habe das gleiche Problem. Ich bekomme das gleiche Problem auch im abgesicherten Modus. Dies bedeutet, dass Addons nicht das Problem sind. Das Problem tritt bei OS X und auch bei Ubuntu auf. Das deutet darauf hin, dass etwas anderes im Code falsch sein muss. –

+0

@super: jQuery funktioniert in Firefox überhaupt nicht. –

+1

Funktioniert für mich in 3.0.9 auch. –

2

Ich vermute, dass Sie ungültiges HTML haben, das eine falsche DOM-Struktur in Firefox verursacht. Aber es ist schwer zu sagen, ohne auf Ihren Code zu schauen.

+0

Ich habe den Code veröffentlicht. –

+1

Meine Vermutung war richtig, Sie können pjesi

1

Warum sind Ihre Tags in Ihren jquery-Selektoren in Großbuchstaben? Bei Ihrem Doctype verwenden Sie XHTML, und alle Tags müssen in Kleinbuchstaben geschrieben sein. Nicht sicher, ob das einen Unterschied machen werden, aber man sollte H2 => h2 usw. ändern

+0

Ich habe die Großschreibung behoben. Das gleiche Problem besteht fort. –

Verwandte Themen