HREF未複製到確定按鈕 - 引導確認

我試圖讓bootstrap-confirmation.js爲刪除對話框工作。HREF未複製到確定按鈕 - 引導確認

我遇到的問題是我無法將它複製到確定按鈕。它總是把「＃」作爲href。

這裏是我的代碼：

<html> 
    <head> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.css"> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/js/bootstrap.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-confirmation/1.0.5/bootstrap-confirmation.js"></script> 
    </head> 

    <body> 
    <a href="https://google.com" target="_blank" data-toggle="confirmation" data-title="Delete?" class="btn btn-primary">Delete</a> 
    <script> 
     $('[data-toggle=confirmation]').confirmation({ 
     rootSelector: '[data-toggle=confirmation]', 
     // other options 
    }); 
    </script> 
    </body>

你也可以看到它在這裏的行動：https://jsfiddle.net/philsherwood/1sj4ao7e/11/

我缺少什麼？

來源

2017-09-15 Phil

JS代碼： -

$('[data-toggle=confirmation]').confirmation({ 
    rootSelector: '[data-toggle=confirmation]', 
    onConfirm: function() { 
    alert("I am Confirmed!!!"); 
    $('[data-toggle=confirmation]').confirmation('hide'); 
    }, 
    popout: true 
});

標記代碼： -

<a href="https://google.com" target="_blank" data-toggle="confirmation" data-title="Delete?" class="btn btn-primary">Delete</a>

希望這有助於！

來源

2017-09-15 16:31:10

答案和小提琴都更新兄弟:-) – 2017-09-15 16:34:32

感謝您的答覆！如何讓刪除按鈕進入href？它不是用你的代碼調用它。 – Phil

但它可以幫助你嗎？ – 2017-09-15 18:06:38

HREF未複製到確定按鈕 - 引導確認

回答

相關問題