哪個按鈕切換引導模式

我有引導模式的形式，和幾個按鈕，調用這種形式，像這樣：哪個按鈕切換引導模式

<a href="javascript:void(0)" data-toggle="modal" data-target="#specialoffer"> 
    <button class="green full" id="button1">Ask Question</button> 
</a>

我可以發送信息，該按鈕切換模式窗體模式窗體？我想有這樣的事情，在我的形式：

<input type="hidden" name="caller" value="button1">

其中「Button1的」是按鈕的ID，用戶按下激活模式。

來源

2016-11-18 Сергей Соколов

簡短的回答是：是的 – madalinivascu

我需要一些細節:) –

例如，你可以有一個窗體，包裝鏈接+隱藏輸入和模態 – madalinivascu

要觸發模態窗口，您需要使用按鈕或鏈接。

當您嘗試通過單擊按鈕打開模式時，您可以收聽show.bs.modal事件。

請試試這個：

$('.modal').on('show.bs.modal', function (e) { 
 
    var trigger = $(e.relatedTarget); 
 
    $('.modal').find('.modal-body').empty().append('<input type="text" value="'+trigger.attr('id')+'"/>'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.1/js/bootstrap.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.1/css/bootstrap.css" rel="stylesheet"/> 
 
<button type="button" id="button1" class="btn" data-toggle="modal" data-target="#myModal">Show Modal</button> 
 

 
<button type="button" id="button2" class="btn" data-toggle="modal" data-target="#myModal">Show Modal2</button> 
 

 
<button type="button" id="button3" class="btn" data-toggle="modal" data-target="#myModal">Show Modal3</button> 
 

 
<!-- Modal --> 
 
<div id="myModal" class="modal fade" role="dialog"> 
 
    <div class="modal-dialog"> 
 

 
    <!-- Modal content--> 
 
    <div class="modal-content"> 
 
     <div class="modal-header"> 
 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
     <h4 class="modal-title">Modal Header</h4> 
 
     </div> 
 
     <div class="modal-body"> 
 
     <p>Some text in the modal.</p> 
 
     </div> 
 
     <div class="modal-footer"> 
 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
 
     </div> 
 
    </div> 
 

 
    </div> 
 
</div>

來源

2016-11-18 10:36:32

我有幾個按鈕。和一個模式。我有這種模式的表單。我需要知道，按下哪個按鈕才能通過我的表單發送此信息。它應該看起來不錯。像這樣：其中「button1」是按鈕的ID，用戶按下以激活模式。 –

@СергейСколов，我更新了我的答案。現在一定是工作。 –

@СергейСоколов，我用另一種方法更新。請看現在。 –

$('[type="button"]').click(function(e){ 
    var val = $(e.target).closest('button').attr('data-value'); 

    $('#myModal').find('input').val(val); 
    $('#myModal').modal('show'); 
});

試試這個jsFiddle。這是你需要的。

來源

2016-11-18 10:48:23 ibrahimyilmaz

看起來你的小提琴鏈接壞了 –

謝謝你，這是我需要的！ –

您可以使用bootbox.js（http://bootboxjs.com/）。它有助於創建具有動態內容和易於使用的模式。 – ibrahimyilmaz

哪個按鈕切換引導模式

回答

相關問題