Javascript 引导模式不';无法在实时服务器上工作
触发按钮:Javascript 引导模式不';无法在实时服务器上工作,javascript,php,jquery,modal-dialog,Javascript,Php,Jquery,Modal Dialog,触发按钮: while ($row = mysqli_fetch_array($result)) { $name = $row['name']; $id = $row['id']; echo '<a data-target="#exampleModal" class="wpmui-field-input button wpmui-submit button-primary" data-toggle="modal" data-whatever=
while ($row = mysqli_fetch_array($result)) {
$name = $row['name'];
$id = $row['id'];
echo '<a data-target="#exampleModal" class="wpmui-field-input button wpmui-submit button-primary" data-toggle="modal" data-whatever="'.$name.'">Details</a>';
echo $id . "<br>";
}
while($row=mysqli\u fetch\u数组($result)){
$name=$row['name'];
$id=$row['id'];
回应"细节",;
echo$id。“
”;
}
模态:
echo'
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="exampleModalLabel">New message</h4>
</div>
<div class="modal-body">
<form>
<textarea class="form-control"></textarea>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Send message</button>
</div>
</div>
</div>
</div>';
echo'
&时代;
新消息
接近
发送消息
';
JavaScript:
echo'
<script type="text/javascript">
window.onload = function () {
$("#exampleModal").on("show.bs.modal", function (event) {
var button = $(event.relatedTarget) // Button that triggered the modal
var recipient = button.data("whatever") // Extract info from data-* attributes
var modal = $(this)
modal.find(".modal-title").text("New message to " + recipient)
modal.find(".modal-body textarea").val(recipient)
})
}
</script>';
echo'
window.onload=函数(){
$(“#示例模态”)。在(“show.bs.modal”上,函数(事件){
var button=$(event.relatedTarget)//触发模式
var recipient=button.data(“任意”)//从数据中提取信息-*属性
var modal=$(此)
modal.find(“.modal title”).text(“发送给“+收件人的新邮件”)
modal.find(“.modal body textarea”).val(收件人)
})
}
';
现在我有了上面所有的代码,当点击触发按钮时,这些代码将生成一个模式框。这段代码在我的本地主机上似乎工作正常,但在我的服务器上却不一样,返回的值是未定义的
。现在,我认为这可能与PHP版本有关,因为我的本地主机有PHP7,服务器有PHP5。这是否意味着在PHP5中,
标记中的值字段(JavaScript是.val()
)与
一样不受支持
即使是这样,这个问题的解决方法是什么?我尝试使用
.html()
和.text()
但它所做的只是覆盖值,当您再次打开模式框时,所有模式框的值都相同(而每个收件人模式框的值应该不同).您似乎没有包含必要的jquery和样式文件。请尝试包含bootstrap.js、jquery.min.js
这个可能对你有帮助
www.bootply.com/mRbjbQ1JAB
祝你好运。看来你还没有包括必要的jquery和样式文件。试着包括bootstrap.js、jquery.min.js 这个可能对你有帮助 www.bootply.com/mRbjbQ1JAB
祝你好运。使用chrome developer tools或firefox,具体取决于你的浏览器,单击网络选项卡并加载该模式应该出现的页面,检查developer tools的网络选项卡中列出的所有文件是否有404未找到的文件,这可能是缺少的。使用chrome developer tools或firefox,具体取决于您的浏览器,单击网络选项卡并加载该模式应显示的页面,检查developer tools的网络选项卡中列出的所有文件,查找未找到404的用户,这可能就是我所缺少的。我更喜欢用html编写模式,而不是php作为显示对象。我使用的是Wordpress,XYZ php代码,在字段中它只接受php参数值,因此我必须使用echo“”之类的内容。我更喜欢用html编写模式,而不是php作为显示对象。我使用的是Wordpress,XYZ php代码,在字段内部,它只接受php参数值,因此我必须使用echo“”之类的东西,因为我事先导入了所有内容。另外,我在本地主机上做的一切,我在服务器上也做过,基本上只是复制和粘贴代码(触发器按钮、模式、Javascript),但只有在那个服务器上,返回的值是未定义的,在我的本地主机上,它为每个触发器按钮返回了正确的值。当然,我事先已经导入了所有内容。另外,我在本地主机上做的一切,我在服务器上也做过,基本上只是复制和粘贴代码(触发器按钮、模式、Javascript),但只有在该服务器上,返回的值是未定义的,在我的本地主机上,它为每个触发器按钮返回正确的值。