带有Doctype的JQuery滑动/滚动问题_Jquery_Doctype

带有Doctype的JQuery滑动/滚动问题

jquery

带有Doctype的JQuery滑动/滚动问题,jquery,doctype,Jquery,Doctype,这个问题已经问过了，但答案并没有解决我的问题所以我想知道你是否能帮我解决我面临的问题。当指定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

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

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


$（文档）.ready（函数（）
{
$（“#menuHome”）。单击(
函数（）
{
$（“#主页”）。幻灯片至(
{ 
幻灯片持续时间：1000
});
}); 
$（“#menuService”）。单击(
函数（）
{
$（“#服务”）。幻灯片至(
{ 
幻灯片持续时间：1000
});
}); 
$（“#菜单研究”）。单击(
函数（）
{
$（“#研究”）。幻灯片(
{ 
幻灯片持续时间：1000
});
}); 
$（“#菜单日志”）。单击(
函数（）
{
$（“#博客”）。幻灯片至(
{ 
幻灯片持续时间：1000
});
}); 
$（“#菜单联系人”）。单击(
函数（）
{
$（“#联系人”）。幻灯片至(
{ 
幻灯片持续时间：1000
});
}); 
$（“#按钮备份”）。单击(
函数（）
{
$（“#主页”）。幻灯片至(
{ 
幻灯片持续时间：1000
});
}); 
$（“#内容1按钮”）。单击(
函数（）
{
$（“#服务”）。幻灯片至(
{ 
幻灯片持续时间：1000
});
}); 
$（“#页脚按钮2”）。单击(
函数（）
{
$（“#研究”）。幻灯片(
{ 
幻灯片持续时间：1000
});
});
$（“#页脚按钮3”）。单击(
函数（）
{
$（“#博客”）。幻灯片至(
{ 
幻灯片持续时间：1000
});
}); 
$（“#页脚按钮4”）。单击(
函数（）
{
$（“#联系人”）。幻灯片至(
{ 
幻灯片持续时间：1000
});
});
});

任何帮助都是很棒的，我正在为一个我正在做的项目努力，我在过去两周才学习HTML、CSS和JQuery，所以请原谅我的愚蠢

谢谢

：-）

我猜你发布的内容不是整个页面，所以我只是想知道你是否意识到你的javascript内容以及css和其他包含内容应该包含在

元素中

<!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>


//JS代码

此外，每当您的页面出现问题时，请尝试养成习惯，始终在W3C验证程序站点检查标记的有效性：。如果标记有效，那么问题可能在于javascript代码

更新：

经过一番思考，我想到了一件事。XHTML区分大小写这意味着所有jQuery选择器都需要匹配ID和类名上的大小写。HTML（不带x）不区分大小写，因此

$（“#Test”）

和

$（“#Test”）

是相同的，但在XHTML中它们完全不同。可能发生的情况是，在没有指定doctype的情况下，浏览器会退回到HTML，因此您不必注意大小写。

您好，感谢您的回复，yep已经在head标签中，验证时只会出现诸如alt not defined之类的错误，这很好，因为我稍后将对此类问题进行排序。我最初使用的是那种严格的文档类型，只是在测试时更改了它以尝试修复问题，但仍然没有效果：-(