Событие JQuery не работает

Question

Событие JQuery не работает

0

У меня есть кнопка на странице. Вот код.

var button = "<button title = " + obj.hostname + "&#44;&#32;" + gpu.toUpperCase() +
        // " data-content = \"" + img1 + "\"" +
        " data-id=\"" + detailed_summary + "\"" +
        " data-text = \"" + obj.hostname + ", " + gpu.toUpperCase() + ", " + metric_name[metric] + ":&#32;" + display_val + "\"" +
        " class=\"btn " + button_state + " gpu btn-lg open-InfoModal\"" +
        " data-toggle=\"modal\" " +
        " rel=\"popover\" " +
        " data-target=\"#hostInfo\" " +
        " href=\"#infoModal\"></button>";

Когда я пытаюсь использовать этот код jQuery, он не работает.

$("button.btn").on("mouseenter", function(event){
    event.preventDefault();
    event.stopPropagation();
    console.log("MouseEnter"); 
    });

Я изменил селектор на .btn, gpu, btn-lg, open-InfoModal. Но это не сработает. Я также попытался изменить mouseover, hover.Но Когда я изменяю селектор li, то он работает.

Есть 180 кнопок, завернутых в один li. Я не хочу, чтобы результат работал с li

Есть идеи?

PeterKA 12 май 2014, в 17:33

Источник

0

Вы добавляете кнопки динамически?
malkam 13 май 2014, в 09:02
0

Я добавляю HTML в JQuery ...
user3627629 13 май 2014, в 09:08
0

попробуйте с установкой класса только "btn"
malkam 13 май 2014, в 09:17
0

Я пытался, но результат все тот же, он не обнаруживает, я не знаю почему. Это странно
user3627629 13 май 2014, в 09:23
0

Убедитесь, что вы написали вышеуказанный код события в функции готовности документа. $ (Document) .ready (function () {}) Можете ли вы предоставить весь код
malkam 13 май 2014, в 09:26
0

Вот код $(document).ready(function(){ $(".btn").on("mouseenter", function(){ console.log("M"); }); }); Я также попробовал (window).ready или (window).load
user3627629 13 май 2014, в 09:39
0

Я вставляю эту кнопку внутри функции, когда я пытался использовать этот jquery внутри этой функции, тогда она работала. Я думаю, что это как-то связано с областью применения.
user3627629 13 май 2014, в 10:44

Показать ещё 5 комментариев

Теги:

jquery

mouseevent

jquery-selectors

mouseenter

1 ответ

Ещё вопросы

Вы добавляете кнопки динамически?
попробуйте с установкой класса только "btn"
Я пытался, но результат все тот же, он не обнаруживает, я не знаю почему. Это странно
Убедитесь, что вы написали вышеуказанный код события в функции готовности документа. $ (Document) .ready (function () {}) Можете ли вы предоставить весь код
Вот код $(document).ready(function(){ $(".btn").on("mouseenter", function(){ console.log("M"); }); }); Я также попробовал (window).ready или (window).load
Я вставляю эту кнопку внутри функции, когда я пытался использовать этот jquery внутри этой функции, тогда она работала. Я думаю, что это как-то связано с областью применения.

PeterKA · Answer 1 · 2014-05-14T20-51-00.000Z

То, что вы показали выше, - это разметка кнопки в переменной. Вы не указали нам, действительно ли вы добавляете разметку в DOM, и если да, то в отношении привязки события.

Если вы добавляете кнопку в DOM после привязки события:

$( document.body ).append( button ); //for example

Затем вам необходимо связать событие следующим образом (делегирование событий):

$(function() {
  $(document).on("mouseenter","button.btn", function(event){
    event.preventDefault();
    event.stopPropagation();
    console.log("MouseEnter"); 
  });
});