Изображение не отображается в jQuery

#jquery #html #bounce

#jquery #HTML #отскок

Вопрос:

Я делаю проект макета страницы NPR, и я хочу, чтобы логотип подпрыгивал, однако он этого не делает.

Я почти уверен, что синтаксис правильный. Мне просто нужен дополнительный глаз, чтобы вести меня в правильном направлении.

Вот мой jQuery:

     $(document).ready(function() {

        $(".nprLogo").mouseenter(function() {
            $(this).stop().effect("bounce", 500);

            $(".nprLogo").mouseleave(function() {
                $(this).stop(true, true);

            });
        });
    });
  

и вот мой HTML:

 <table id="tableHeader">
    <tr>
        <th>
            <!-- NPR LOGO -->
            <img class="headerImages" class="nprLogo" src="images/nprlogo.png">
    </tr>
    </th>
</table>
  

У меня это есть в таблице, потому что это было частью инструкций.

Комментарии:

1. У вас там какая-то неправильно вложенная разметка таблицы.

2. Все еще не повезло.. Я попытался ввести изменения и добавить http к ссылкам jQuery и ничего.

Ответ №1:

Это функция пользовательского интерфейса jquery, вам нужно включить ее в дополнение к jQuery:

 <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  

В качестве примечания, ваши </tr> и </th> находятся в неправильном порядке, вам нужно </th> сначала…