按钮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类，因此请使用.。

只有当您需要在DOM就绪状态下加载JS时才需要$(document).ready(function () {。