Question

我有一个ajax电话：

$('#opt').change(function() {
  var option = $("#cdc").val();
  $.ajax({
    type: "POST",
    url: "orari_pause/select_spaccato.php",
    data: 'option=' + option,
    success: function(whatigot) {
      $('#spaccato').html(whatigot);
    }, //END OF SUCCESS
    complete: function() {
      $.getScript("orari_pause/script_opener.js", function() {
      });
    } //END OF COMPLETE
  }); 
});

script_opener.js

$(function() {
  $( "#dialog" ).dialog({
    autoOpen: false,
    title: 'Dettaglio sessioni',
    height: 600,
    width:800,
    modal:true,
    resizable: false
  });

  $( ".opener" ).click(function() {
    var id = $(this).attr('id');
    $( "#dialog" ).load( "orari_pause/dettaglio_sessioni.php?id="+id );
    $( "#dialog" ).dialog( "open" );
    $('.ui-widget-overlay').css('background', 'silver');
  });

  $( "#dialog2" ).dialog({
    autoOpen: false,
    title: 'Inserimento sessione',
    height: 380,
    width:300,
    modal:true,
    resizable: false
  });

  $( ".opener_session" ).click(function() {
    var id = $(this).attr('id');
    $( "#dialog2" ).load( "orari_pause/form_nuova_sessione.php?id="+id );
    $( "#dialog2" ).dialog( "open" );
    $('.ui-widget-overlay').css('background', 'silver');
  });
});

在select_spaccato.php我有一个类opener_session的按钮。当我点击它时，事件不会触发（但脚本已正确加载）。我认为是DOM的一个问题...我也尝试搜索Stackoverflow论坛没有结果。

你能帮助我吗？

修改我尝试在whatigot变量中加载JavaScript代码，结果相同。加载了JS代码，但事件不起作用。

Answer 1

使用事件委托

$('body').on('click',".opener",function() {

$('body').on('click',".opener_session",function() {

在Ajax调用不起作用后加载脚本

1 个答案: