Question

在我的主页（下面包含的bootstrap-confirmation脚本）中，有一些Tabs，其中的内容是通过ajax GET方法加载的。

<div class="portlet-body">
   <div class="tab-content" id="tab_content">

       <div class="tab-pane active" 
         id="tab_open"
         data-refreshurl="noticelist.php?status=0"></div>
       <div class="tab-pane" 
           id="tab_done"
           data-refreshurl="noticelist.php?status=1"></div>
       <div  class="tab-pane" 
             id="tab_canceled"
             data-refreshurl="noticelist.php?status=2"></div>
    </div>
</div>

加载标签内容的脚本：

$("#tab_open").load("noticelist.php?status=0", function (result) {
  App.blockUI({target: "#tab_content",animate: true});
  $("#tab_open").tab("show");
  App.unblockUI("#tab_content");
});
$(\'[data-toggle="tabajax"]\').click(function(e) {
    App.blockUI({target: "#tab_content",animate: true});
    var $this = $(this),
        loadurl = $this.attr("href"),
        targ = $this.attr("data-target");
    $.get(loadurl, function(data) {
        $(targ).html(data);
    });
    $this.tab("show");
    App.unblockUI("#tab_content");
    return false;
});

在每个标签内，都有一个带有引导确认的链接：

<a class="btn btn-icon-only red-mint deleteit" id="delete_'.$val['DS'].'"
                      data-toggle="confirmation" 
                      data-popout="true" 
                      data-btn-ok-label="'.T::ACTIONS_3.'"
                      data-btn-cancel-label="'.T::ACTIONS_4.'"
                      data-original-title="" 
                      data-on-confirm="shortwork"
                      data-job-id="del"
                      data-id="'.$val['DS'].'"
                      title="'.T::SYSMSG_0.'"
                      href="#"
                      ><i class="icon-trash"></i></a>

当我点击按钮时没有任何反应，错误控制台为空。我不确定出了什么问题？

如果我将按钮直接添加到主页面，确认将正确显示，为什么它在ajax加载内容方法中不起作用？

Answer 1

将此代码添加到php文件中，因为内容解决了这个问题。

$('[data-toggle=confirmation]').confirmation({ btnOkClass: 'btn btn-sm btn-success', btnCancelClass: 'btn btn-sm btn-danger'});

Bootstrap确认不起作用

1 个答案: