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。

感谢

:-)

答

我猜你贴的不是整个页面，所以如果你是知道的事实，我只是想知道你的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，因此您不必注意套管。

嗨，谢谢你的回复，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的滑动/滚动问题与文档类型

相关推荐