Bootstrap確認無法使用

在我的主頁（引導程序確認腳本包含在下面）中有一些標籤，其中內容通過ajax GET方法加載。Bootstrap確認無法使用

<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加載內容方法中工作？

來源

2017-01-25 newbieRB

將此代碼添加到php文件，只要內容解決了該問題。

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

來源

2017-01-26 19:19:41 newbieRB

Bootstrap確認無法使用

回答

相關問題