2 строки Javascript поверх JQuery не работают?

-1

Я добрая к Javascript и JQuery, и все, что я хотел сделать, это простой тест для панели навигации. Я пытаюсь понять, почему мой Jquery не работает вообще ... и когда я стираю свои 2 первые строки Javascript, все работает отлично ... что, черт возьми ??? Кто-то может объяснить мне, почему это так?2 строки Javascript поверх JQuery не работают?

Моего HTML:

<div id="navbar"> 
    <ul class="ulbar"> 

    <li id="libar">a 
     <div id="navbar2"></div> 
    </li> 

    </ul> 
</div>

Мой JS и Jquery (на тот же .js):

var buttonA = document.getElementById("libar"); 
var buttonB = document.getElementById("navbar2"); 

$(".libar").click(function(){ 

    $(".navbar2").hide("slow", function() { 
alert("test"); 

    }); 

});

Спасибо всем

источник

2013-12-15 user3038607

Что вы видите на консоли ? – SLaks

Пожалуйста, разместите ошибки, указанные на консоли. Я не могу представить ни одного случая, из-за которого первые две строки вызывают ошибку. Попытка выбрать существующие элементы с 'document.getElementById' не вызовет каких-либо исключений, которые могут привести к сбою сценария. Он просто вернет «null». –

можете ли вы правильно включить свой HTML-код и опубликовать полный JS (в случае, если есть больше)? – xorinzor

попробовать

$(buttonA).click(function(){ 

    $(".navbar2").hide("slow", function() { 
alert("test"); 

    }); 

});

источник

2013-12-15 19:10:45

Этот ответ был довольно быстрым !!! Я хотел удалить свой пост, потому что, очевидно, это было смешно легко, но я не мог, вы были быстрее меня: P Спасибо в любом случае !! Я весьма признателен. <3 – user3038607

Я не вижу, как это могло вызвать эту проблему .. – xorinzor

, когда вы делаете $ (". Libar"), вы пытаетесь получить доступ к каждому элементу с классом = "libar", но когда вы делаете $ (" #libar ") вы получаете доступ к кнопке с id =" libar ". –

Вы получаете элементы Dóm BY ID первые, и ссылаясь позже на КЛАСС.

источник

2013-12-15 19:09:08 Viktor

Я думаю, вы не в состоянии различать «класс» и атрибут «ID».

// В JavaScript var buttonA = document.getElementById("libar").value;

// Использование JQuery, вы должны переписать его как

var buttonA = $('#libar').val();

Так в JQuery "идентификатор" атрибут HTML элементов, доступ с помощью "#" где атрибутами класса являются доступ с помощью «.».

Надеюсь, что это поможет.

источник

2013-12-15 19:18:05

попробовать это

var buttonA = document.getElementsByClassName("libar"); 
var buttonB = document.getElementsByClassName("navbar2");

вместо

var buttonA = document.getElementById("libar"); 
var buttonB = document.getElementById("navbar2");

Я думаю, что у вас есть класс в вашем HTML, не ид

ИЛИ

Вам нужно добавить идентификатор в HTML

источник

2013-12-15 19:19:34

2 строки Javascript поверх JQuery не работают?

ответ

Смежные вопросы