JQuery скользящая / прокручиваемая проблема с Doctype - PullRequest
Новая
       3

JQuery скользящая / прокручиваемая проблема с Doctype

0 голосов
/ 02 апреля 2011

Это уже спрашивали, но ответ не решил мою проблему.

поэтому мне было интересно, не могли бы вы помочь мне с проблемой, с которой я столкнулся. Когда указан тип документа, код 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 только последние 2 недели, поэтому прошу прощения за любую шумиху.

спасибо

:-)

1 Ответ

0 голосов
/ 02 апреля 2011

Я предполагаю, что вы разместили не целую страницу, поэтому мне просто интересно, знаете ли вы о том, что ваши 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 должны соответствовать регистру на ваших идентификаторах и именах классов. HTML (без x) НЕ чувствителен к регистру, поэтому $("#Test") и $("#test") одинаковы, но в XHTML они совершенно разные. Вероятно, произошло то, что без указания типа документа браузер откатился на HTML, поэтому вам не пришлось обращать внимание на регистр.

...