Question

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

所以我想知道你是否可以帮我解决我面临的问题。指定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，所以请原谅任何嘘声。

谢谢

:-)

Answer 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，所以你不必注意套管。

Doctype的JQuery滑动/滚动问题

1 个答案: