Отлично работает в jsfiddle, но не на живом сайте. Почему?

Тестовая страница веб-сайта: http://www.lantiis.com/indexold.html

jsFiddle: http://jsfiddle.net/Guhb4/7/

Мне помогли с jQuery, и он отлично работает в jsFiddle. (временный вход в качестве Lantiis здесь: Может независимо отображать /hide. Как спрятаться напоказ?)

Когда я передал код, все заработало, кроме изображений. Отображаются фоновые изображения, отображаются изображения ссылок, но не основные изображения с содержимым сайта, для чего мне нужен jquery. Я понятия не имею, что я сделал не так, когда передавал код.

Я уверен, что это просто глупая ошибка с моей стороны, но, поскольку я все еще изучаю js, я в полной растерянности. Я думал, что у меня все хорошо, пока не опубликовал свой первый вопрос и не увидел, насколько беспорядочным был мой код по сравнению с кодом пользователей, которые мне помогли.

Приветствуются любые направления и критика.


javascript jquery jsfiddle
person Lantiis    schedule 03.06.2011    source источник
comment
В JSFiddle у вас есть Javascript, запускающий OnLoad. Может быть, вы забыли связать этот код show-images с этим обработчиком на вашем сайте?   -  person Mr Meow    schedule 03.06.2011
comment
Кроме того, если ваш предыдущий вопрос был решен (тот, на который вы ссылаетесь), вы должны выбрать ответ, установив флажок рядом с ответом, который вам помог.   -  person Jeff    schedule 03.06.2011
comment
Хотел бы я отметить, какой из них я использовал (все они помогли, как и в этих сообщениях), но, поскольку я использовал временный вход в систему, галочки недоступны. :( И у меня недостаточно представителей, чтобы проголосовать.   -  person Lantiis    schedule 03.06.2011

Ответы (2)


arrow_upward
1
arrow_downward

Вам нужно включить библиотеку jQuery в ваш HTML.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

http://docs.jquery.com/Downloading_jQuery

И оберните свой код jQuery следующим образом:

<script type="text/javascript">
    $(document).ready(function() {
        //Your code here
    });
</script>

http://docs.jquery.com/How_jQuery_Works#Launching_Code_on_Document_Ready

person Callum    schedule 03.06.2011
comment
Большое спасибо! Я знал, что забыл что-то простое. И спасибо за ссылки на ресурсы! Они невероятно полезны. - person Lantiis; 03.06.2011

arrow_upward
0
arrow_downward

В дополнение к включению библиотеки jQuery (как упоминал Каллум) и размещению вашего кода в функции загрузки (как упоминалось CleverQuack), ваш скрипт также должен иметь тип text/javascript, а не только javascript. Что-то вроде этого должно работать:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() { 
 $('#mask > div:first-child').show();
 $('#top a').click(function() {
    var keyterm = $(this).attr('title');
    $('#mask > div').hide();
    $('div[id=' + keyterm + ']').slideDown('slow');
 });
});
</script>
person Jeff    schedule 03.06.2011