哪个按钮切换引导模式

我有引导模式的形式，和几个按钮，调用这种形式，像这样：哪个按钮切换引导模式

<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

哪个按钮切换引导模式

回答

相关问题