кнопки OnClick диалог таблица

Question

У меня есть этот скрипт JQuery:

$(document).ready(function() { 
    $("#details").dialog({ 
     autoOpen: false, 
     show: { 
     effect: "slide", 
     duration: 500 
     }, 
     hide: { 
     effect: "slide", 
     duration: 500 
     } 

    }); 
}); 

$(document).on('click' ,'.popup' , function() { 
    $("#details").dialog("open"); 
}); 

Я хочу, чтобы появиться таблица с деталями класса при <button class="popup" id="$row[0]"> нажатии

Этот скрипт JQuery не работает. Сначала мне понадобилось document.ready(), но это не помогло.

Answer 1

Попробуйте это:

$(document).ready(function() { 
    $('.popup').click(function() { 
    $('.details').dialog('open'); 
    // use this instead; as you mentioned <div id="details"> in comment! 
    $('#details').dialog('open'); 
    }); 
}); 

Поскольку кнопка с классом popup поэтому используйте ..

И $(document).ready(function() { требуется только тогда, когда вам нужно загрузить JS в состоянии готовности DOM.