2017-09-15 3 views
0

私はbootstrap-confirmation.jsを削除ダイアログのために動かそうとしています。HREFがokボタンにコピーされません - ブートストラップ確認

問題は、hrefを[OK]ボタンにコピーできないということです。それは常に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/

私は何をしないのですか?

答えて

0

の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> 

・ホープ、このことができます!

+0

回答とフィドルの両方が更新されたBro :-) –

+0

返信いただきありがとうございます!削除ボタンをhrefに移動させるにはどうすればよいですか?それはあなたのコードでも呼び出されません。 – Phil

+0

しかしそれはあなたを助けるかどうか? –

関連する問題