Php 如何将变量从链接传递到模态
我有一个带有一些链接的导航栏。所有链接都触发相同的模式,但我需要根据链接在模式内显示不同的信息。我更喜欢非jQuery解决方案,但如果有必要,我会选择它 我试过这个 firstpage.phpPhp 如何将变量从链接传递到模态,php,jquery,twitter-bootstrap,bootstrap-modal,Php,Jquery,Twitter Bootstrap,Bootstrap Modal,我有一个带有一些链接的导航栏。所有链接都触发相同的模式,但我需要根据链接在模式内显示不同的信息。我更喜欢非jQuery解决方案,但如果有必要,我会选择它 我试过这个 firstpage.php <li><a href="#theModal?viewmessages=mymessages" data-toggle="modal">My Messages</a></li> <li><a href="#theModal?
<li><a href="#theModal?viewmessages=mymessages" data-toggle="modal">My Messages</a></li>
<li><a href="#theModal?viewnotifications=mynotifications" data-toggle="modal">My Notifications</a></li>
<!---Modal -->
<div id="theModal" class="modal fade text-center">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<?php include 'modal.php';?>
</div>
</div>
</div>
<!-- Modal -->
<!--
=============================
ISSET_GET MESSAGES
=============================-->
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Messages</h4>
</div>
<div class="modal-body">
<p>some text here</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
<!--
=============================
ISSET_GET NOTIFICATIONS
=============================-->
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Notifications</h4>
</div>
<div class="modal-body">
<p>some text here</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
modal.php
<li><a href="#theModal?viewmessages=mymessages" data-toggle="modal">My Messages</a></li>
<li><a href="#theModal?viewnotifications=mynotifications" data-toggle="modal">My Notifications</a></li>
<!---Modal -->
<div id="theModal" class="modal fade text-center">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<?php include 'modal.php';?>
</div>
</div>
</div>
<!-- Modal -->
<!--
=============================
ISSET_GET MESSAGES
=============================-->
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Messages</h4>
</div>
<div class="modal-body">
<p>some text here</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
<!--
=============================
ISSET_GET NOTIFICATIONS
=============================-->
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Notifications</h4>
</div>
<div class="modal-body">
<p>some text here</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
&时代;
信息
这里有一些文字
接近
&时代;
通知
这里有一些文字
接近
我认为您应该在页面底部呈现所有模态,并使用jQuery加载与链接关联的模态
e、 g
请运行我从w3学校文档中修改的代码片段
引导示例
使用JavaScript激活多模态
开放式模式1
开放式模式2
&时代;
看看它的模态一
模态中的一些文本
接近
&时代;
看看它的模态2
模态中的一些文本
接近
$(文档).ready(函数(){
$(“#myBtn1”)。单击(函数(){
$(“#myModal1”).modal();
});
$(“#myBtn2”)。单击(函数(){
$(“#myModal2”).modal();
});
});
我认为您应该在页面底部呈现所有模态,并使用jQuery加载与链接关联的模态
e、 g
请运行我从w3学校文档中修改的代码片段
引导示例
使用JavaScript激活多模态
开放式模式1
开放式模式2
&时代;
看看它的模态一
模态中的一些文本
接近
&时代;
看看它的模态2
模态中的一些文本
接近
$(文档).ready(函数(){
$(“#myBtn1”)。单击(函数(){
$(“#myModal1”).modal();
});
$(“#myBtn2”)。单击(函数(){
$(“#myModal2”).modal();
});
});
您试图传递给modals的数据是什么?在firstpage.php
中设置的变量应该可以在modal.php
中访问。有多少内容需要更改?你可以把所有的情态动词都放在页面的底部。在链接中,在每个链接中设置data target=“#模式的id”
。查看我的示例,您试图将哪些数据传递给modals?在firstpage.php
中设置的变量应该可以在modal.php
中访问。有多少内容需要更改?你可以把所有的情态动词都放在页面的底部。在链接中,在每个链接中设置data target=“#模式的id”
。看看我的例子