Функция щелчка не работает над $ (документом)

-2

alert("hi"); 
$(document).on('click', '.customerstory-section-header', function() { 
    $('.overlay-Div').hide(); 
    $(this).parent().children().children("div.overlay-Div").toggle(); 
    $("#Jananayak-Stories-Section").hide(); 
    $("#Customer-Stories-Section").show(); 
});

Функция click работает на div. Селектор классов одинаковый в разметке и здесь в коде jQuery. Если я помещаю alert вне функции щелчка, он работает, появляется предупреждение. Если я нахожу предупреждение внутри функции щелчка, он не работает. console там не работает. Кто-нибудь может мне помочь, пожалуйста?

$(".customerstory-section-header").hover(function(){ 
    alert("hi"); 
    $('.overlay-Div').hide(); 
    $(this).parent().children().children("div.overlay-Div").toggle(); 
    $("#Jananayak-Stories-Section").hide(); 
    $("#Customer-Stories-Section").show(); 
});

Я изменил событие наведите курсор и просто попробовал. Это не работает. если я поставил предупреждение вне функции, появится предупреждение. Так загружается JS-файл. Но ни один из обработчиков событий не работает. Пожалуйста, помогите мне здесь

источник

2016-04-21 user2349508

Правильно ли работает ваш jQuery и работает? – Adil

Пожалуйста, добавьте свой 'html' и улучшите свой вопрос –

проверьте свою консоль браузера, чтобы узнать, есть ли какая-либо ошибка ... поделитесь своим html также –

Возможно, вам это:

$(function() { 
    $("body").click(function() { 
    alert("Body Clicked"); 
    }); 
});

DEMO:http://jsfiddle.net/e640ggmy/

источник

2016-04-21 07:58:26 hmd

Если его не работает в вашем случае, будет какая-то другая проблема с вашей DOM. Пожалуйста, проверьте консоль своего браузера, нажав 'F12' и проверьте, какие ошибки вы получаете – hmd

Если код OP не работает, почему этот будет работать? –

Ну, так как он не разместил полный код, поэтому я/вы не можете понять, что происходит точно из коробки. Во-вторых, ответ, который я опубликовал, прост и работает. – hmd

-1

Попробуйте

$(document.body).on('click', '.customerstory-section-header', function(event) { 
    .... 
});

источник

2016-04-21 07:45:55

В чем разница? и почему он должен работать –

Пробовал .. Нет, это тоже не работает ... – user2349508

document.body помогает также для динамического html. –

Какую версию JQuery вы используете? .он() функция поддерживается начиная с версии 1.7.1, если вы используете более раннюю версию, то вместо этого следует использовать .bind(), .live() или .delegate()

here is the difference between all of them

http://api.jquery.com/on/

Также вы можете использовать консоль браузера и ввести $ (документ), чтобы получить объект jquery и развернуть его, чтобы увидеть функции, которые он поддерживает.

источник

2016-04-21 07:59:12

Функция щелчка не работает над $ (документом)

ответ

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