Question

我有多个按钮可以打开相同的bootstrap模式。是否需要从主文件或模态文件中调用脚本文件（JS）？

我在模态中调用js文件，包括＆＃34; jquery-1.11.1.min.js＆＃34;文件，因为只有我发送到模态的第一个ID才被捕获。我做了一个例子：

other options （尝试点击多次）

我需要＆＃34; jquery-1.11.1.min.js＆＃34;在模态中，因为我想要＆＃34;上传图像＆＃34;脚本工作

我需要将不同的id发送到模态。我该如何解决这个问题？

主文件：

<li><a href="modalFile.php?id=1" data-toggle="modal" data-target="#myModal"> Send value "1" to modal</a></li>
<li><a href="modalFile.php?id=2" data-toggle="modal" data-target="#myModal"> Send value "2" to modal</a></li>
<li><a href="modalFile.php?id=3" data-toggle="modal" data-target="#myModal"> Send value "3" to modal</a></li>


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

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Title for modal</h4>
            </div>
            <div class="modal-body">
            </div>
        </div>
    </div>
</div>

</body>

<script>
    // clear model content
    $('body').on('show.bs.modal', '.modal', function () {
        $(this).removeData('bs.modal');
    });
</script>

你可以在这里看到的模态代码：

http://80.179.226.44/~israelig/sites/exmytrip/tempFile.php

Answer 1

不要使用href="url"我通常设置href="javascript:;"现在使用数据属性，例如data-id="1"现在你需要做这样的事情 http://getbootstrap.com/javascript/#modals-related-target

$('#myModal').on('show.bs.modal', function (event) {
  var button = $(event.relatedTarget) // Button that triggered the modal
  var id= button.data('id') // Extract info from data-* attributes

  //I'm guess that you want some dynamic content - so perhaps an ajax call and replace your elements

})

是的，然后您可以使用id替换元素或设置值。或者发送一个ajax调用来获取更复杂的内容。如果您正在进行ajax调用，请使用加载栏来帮助使用 - 在加载后显示，并在加载后显示。你可以在这里http://www.ajaxload.info/

莫代尔没有得到不同的身份证

1 个答案: