Doctype的JQuery滑动/滚动问题答案

【问题标题】：JQuery sliding/scrolling issue with DoctypeDoctype的JQuery滑动/滚动问题
【发布时间】：2011-07-27 23:33:45
【问题描述】：

这已经被问过了，但答案并没有解决我的问题。

所以我想知道您是否可以帮助我解决我面临的问题。指定 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>

任何帮助都会很棒，我试图让这个项目为我正在做的项目工作，而我在过去两周只学习了 HTML、CSS 和 JQuery，所以请原谅任何嘘声。

谢谢

:-)

【问题讨论】：

标签： jquery doctype

【解决方案1】：

我猜您发布的内容不是整个页面，所以我只是想知道您是否知道您的 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 代码中。

更新：

想了想，想到一件事。 XHTML 区分大小写！ 这意味着您的所有 jQuery 选择器都需要匹配您的 ID 和类名的大小写。 HTML（不带 x）不区分大小写，因此 $("#Test") 和 $("#test") 相同，但在 XHTML 中它们完全不同。可能发生的情况是，如果不指定 doctype，浏览器会退回到 HTML，因此您不必注意大小写。

【讨论】：

您好，感谢您的回复，是的，已经在 head 标签中了，验证时只出现了诸如 alt not defined 之类的错误，这很好，因为这种事情我稍后会解决。我最初有那种严格的文档类型，只是在测试时更改它以尝试解决问题，但仍然无济于事:-(