почему этот jQuery работает на jsfiddle.net и не работает на моем сайте?

Возможный дубликат:
Почему мой jsfiddle работает, но не мой веб-сайт?

Привет. Извините, у меня проблема с ответом на другой вопрос; Я имею в виду следующее: http://jsfiddle.net/Mb6Nd/

Я пытался использовать его на своем сайте так: /Mb6Nd/ и у меня это не сработало. Помогите пожалуйста мне.

Спасибо

 <header>
    <script type="text/javascript" src="side.js"></script>
 </header>
    <style>
    ul li {background-color: #cecece;}
    </style>

    <ul id="mainmenu">
        <li>item 1</li>
        <li>item 2</li>
        <li>item 3</li>
    </ul>
    ​

person user1647406    schedule 20.09.2012    source источник
comment
Когда за ваш вопрос проголосовали отрицательно, это признак того, что он нуждается в улучшении, а не признак того, что вам нужно сделать репост. Прочтите часто задаваемые вопросы и поработайте над улучшением своего вопроса.   -  person zzzzBov    schedule 21.09.2012


Ответы (4)


Ваша разметка недействительна, теги стилей должны быть внутри тега заголовка, а не после тегов header, также вы должны сначала загрузить jQuery, чтобы использовать методы и свойства jQuery.

<html>
   <head>
       <script type="text/javascript" src='http://code.jquery.com/jquery-latest.js'></script>
       <script type="text/javascript" src="side.js"></script>
       <style>
         ul li {background-color: #cecece;}
       </style>
   </head>
   <body>
       <ul id="mainmenu">
          <li>item 1</li>
          <li>item 2</li>
          <li>item 3</li>
       </ul>
   </body>
</html>
person undefined    schedule 20.09.2012
comment
я именно так и делаю, но это не работает :| кто-то сказал, что jsfiddle автоматически устанавливает что-то в windows.load, но он удалил свой комментарий, и я не понимаю :( - person user1647406; 21.09.2012
comment
@user1647406 user1647406 В предоставленной вами скрипке у вас есть $(document).ready(), это не должно быть проблемой. Вы должны убедиться, что ваши сценарии загружены, если вы используете firefox, вы можете установить firebug, и он сообщит вам, загружены ли сценарии или в вашем коде есть синтаксические ошибки или нет. - person undefined; 21.09.2012
comment
моя проблема - это просто меню цветового фейдера. можете ли вы помочь мне сделать меню типа jsfiddle.net/Mb6Nd ?? я просто хочу меню цветового фейдера - person user1647406; 21.09.2012
comment
@user1647406 user1647406 Я проверил вашу страницу, в конце вашего файла slide.js есть лишние символы, удалите это =› ​ - person undefined; 21.09.2012
comment
@user1647406 Установите firefug или используйте другие средства отладки. - person undefined; 21.09.2012

Возможно, это была ошибка ссылки на файл

Вы нигде не включаете файл jQuery

Включать

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

выше стороны.js

person Sushanth --    schedule 20.09.2012
comment
Спасибо за внимание . да, я использую это так: <script src="http://www.google.com/jsapi"></script> <script> google.load("jquery", "1.7"); google.load("jqueryui", "1.8"); </script> я этого не понимаю: или переместите тег script ниже ваших элементов, пожалуйста, объясните мне. - person user1647406; 21.09.2012
comment
Почему вы загружаете 2 версии jQuery.. Просто загрузите последнюю версию 1.8.0.. Перемещение тега скрипта под элементами гарантирует, что ваша страница загружается быстрее, так что все элементы анализируются до того, как вы попадете в файлы скрипта.. - person Sushanth --; 21.09.2012
comment
даже когда я использую последнюю версию jQuery, она не работает на моем веб-сайте '‹html› ‹head› ‹script type=text/javascript scr='code.jquery.com/jquery-latest.js'›‹/script› ‹script type=text/javascript src=side.js›‹/ script› ‹style› ul li {background-color: #cecece;} ‹/style› ‹/head› ‹body› ‹ul id=mainmenu› ‹li›item 1‹/li› ‹li›item 2‹/li › ‹li›item 3‹/li› ‹/ul› ‹/body› ‹/html›' - person user1647406; 21.09.2012
comment
посмотрите на это: shaweb.ir/test что я не так? - person user1647406; 21.09.2012

У вас неправильный тег html, плюс jsfiddle включает jquery, но вы, похоже, его не включили. Включите jquery-скрипт

person Rahul    schedule 20.09.2012
comment
я включил этот взгляд на это: shaweb.ir/test что я не так? - person user1647406; 21.09.2012

это говорит $ не определено? если да, ваш jquery не загружен, также посмотрите, загружается ли ваш скрипт. Пожалуйста, установите firebug в своей системе или, если у вас есть Google Chrome, просто нажмите F12, чтобы увидеть консоль, и вы получите более четкое изображение.

person user1687063    schedule 20.09.2012