JQuery的滑動/滾動問題與文檔類型

所以我想知道你是否可以幫我解決我面臨的問題。當指定doctype時，我使用的Jquery代碼不再有效。代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script> 
<script src="js/jquery-ui-1.8.7.custom.min.js" type="text/javascript"></script> 
<script src="js/jquery.slideto.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 


    $(document).ready(function() 
      { 
       $("#menuHome").click(
       function() 
       { 
        $("#home").slideto(
        { 
         slide_duration: 1000 
        }); 
       }); 

       $("#menuService").click(
       function() 
       { 
        $("#service").slideto(
        { 
         slide_duration: 1000 
        }); 
       }); 

       $("#menuStudy").click(
       function() 
       { 
        $("#study").slideto(
        { 
         slide_duration: 1000 
        }); 
       }); 
       $("#menuBlog").click(
       function() 
       { 
        $("#blog").slideto(
        { 
         slide_duration: 1000 
        }); 
       }); 

       $("#menuContact").click(
       function() 
       { 
        $("#contact").slideto(
        { 
         slide_duration: 1000 
        }); 
       }); 
       $("#buttonBackup").click(
       function() 
       { 
        $("#home").slideto(
        { 
         slide_duration: 1000 
        }); 
       }); 
       $("#content1Button").click(
       function() 
       { 
        $("#service").slideto(
        { 
         slide_duration: 1000 
        }); 
       }); 
       $("#footerButton2").click(
       function() 
       { 
        $("#study").slideto(
        { 
         slide_duration: 1000 
        }); 
       }); 
       $("#footerButton3").click(
       function() 
       { 
        $("#blog").slideto(
        { 
         slide_duration: 1000 
        }); 
       }); 
       $("#footerButton4").click(
       function() 
       { 
        $("#contact").slideto(
        { 
         slide_duration: 1000 
        }); 
       }); 
      }); 



     </script>

任何幫助將是真棒，即時通訊試圖讓這一個項目的IM做的工作，香港專業教育學院只有不斷學習HTML，CSS和JQuery在過去2周，所以請原諒任何shizzness。

感謝

:-)

來源

2011-04-01 Lewis

我猜你貼的不是整個頁面，所以如果你是知道的事實，我只是想知道你的JavaScript的東西，以及CSS和其他包含應該進入<head>元素。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script> 
    <script src="js/jquery-ui-1.8.7.custom.min.js" type="text/javascript"></script> 
    <script src="js/jquery.slideto.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     // JS code 
    </script> 
</head> 
<body> 
    <!-- HTML goes here --> 
</body>

而且，只要有什麼東西不對您的網頁，嘗試使它成爲一個習慣，總是在W3C驗證現場檢查標記的有效性：http://validator.w3.org/。如果標記是有效的，你的問題可能在於javascript代碼。

UPDATE：

經過一番思考，有一件事想到的。 XHTML是區分大小寫！這意味着你所有的jQuery選擇器都需要匹配你的ID和類名的大小寫。 HTML（沒有x）不區分大小寫，因此$("#Test")和$("#test")是相同的，但在XHTML中它們是完全不同的。可能發生的情況是，如果沒有指定文檔類型，瀏覽器會回退到HTML，因此您不必注意套管。

來源

2011-04-01 20:58:47 Daniel

嗨，謝謝你的回覆，yep已經在head標籤中，驗證只是出現了錯誤，比如alt沒有定義，這對我稍後會理清的這類東西來說很好。我最初有嚴格的文檔類型，只是在測試時嘗試修改問題而改變了它，但仍無濟於事:-( – Lewis 2011-04-01 21:15:27

請別人幫我!!! – Lewis 2011-04-02 18:40:47

更新了我的答案 – Daniel 2011-04-02 20:26:27

JQuery的滑動/滾動問題與文檔類型

回答

相關問題