ユーザーが「チケットを開く」を押したときにモーダルブートストラップダイアログを閉じて、新しいブラウザウィンドウ/タブを開きます。これが私のボタンです:
<%= link_to content_tag(:i, '', class: "fa fa-ticket") + "Open ticket",
"https://link.to/another/company/url",
target: '_blank',
class: 'btn btn-default'
%>
これは正常に機能しますが、呼び出しページに戻ったとき、モーダルはまだ開いています。
追加しようとしましたdata: { dismiss: 'modal' }
が、リンクが開かれていません。
ありがとう。
あなたに解決策を提案することができます、
あなたがこのようにしようとしているなら、あなたはこのdata: { dismiss: 'modal' }
ように試みるべきです
<%= link_to content_tag(:i, '', class: "fa fa-ticket") + "Open ticket",
"https://link.to/another/company/url",
target: '_blank',
class: 'btn btn-default',
data-dismiss: 'modal'
%>
交互あなたはjQueryを使って行うことができます、あなたはここでクラスセレクタを持っているようにclass: 'btn btn-default'
、リンクを開くためのボタンで
<%= link_to content_tag(:i, '', class: "fa fa-ticket") + "Open ticket",
"https://link.to/another/company/url",
target: '_blank',
class: 'btn btn-default'
%>
顧客の選択などの追加close-modal
のような、class: 'btn btn-default close-modal'
jQueryをセレクターclose-modal
にバインドして、ボタンがクリックされたときにモーダルを閉じます。
$(document).ready(function() {
$('.close-modal').click(function(){
$('#modalid').modal('hide'); //change #modalid to your bootstrap modal id
});
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加