javascript - jQuery 看不到我的 id
问题描述
这是我的 html(模态)
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title"></h4>
</div>
<div id="modal-text" class="modal-body">
<p id="modalMessage"> </p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
这是我的 jQuery
$('a[href="#myModal"]').click(function () {
if ($("#TermsConditions")) {
$("#modal-title").html(`<h4>` + "Terms Conditions" + `</h4>`);
$("#modalMessage").html(`<p>` + "message" + `</p>`);
}
else if ($("#Cookies")) {
$("#modal-title").html(`<h4>` + "Cookies" + `</h4>`);
$("#modalMessage").html(`<p>` + "message2" + `</p>`);
}
else {
$("#modal-title").html(`<h4>` + "Privacy Policy" + `</h4>`);
$("#modalMessage").html(`<p>` + "message3" + `</p>`);
}
})
当我单击链接时应该打开模态,当我单击时,模态应该显示来自所选链接(id)的一些标题和文本,它看起来就像那样(图片)
它只是写了“消息”......
这是我的链接代码
<ul class="list-unstyled list-inline gray">
<li class="footerDistance" style="display:inline;"><a data-target="#myModal" data-toggle="modal" href="#myModal" id="TermsConditions">Terms&Conditions</a></li>
<li class="footerDistance" style="display:inline;"><a data-target="#myModal" data-toggle="modal" href="#myModal" id="Cookies">Політика Cookies</a></li>
<li class="footerDistance" style="display:inline;"><a data-target="#myModal" data-toggle="modal" href="#myModal" id="PrivacyPolicy">Політика Конфіденційності</a></li>
</ul>
请帮忙!
解决方案
做起来更简单。
$("#TermsConditions").click(function(){...});
$("#Cookies").click(function(){...});
...
推荐阅读
- unity3d - Unity:即使在播放器设置中未选中 x86 后,此版本也不符合 Google Play 64 位要求错误
- c# - C#外键无法将对象添加到对象列表中
- reactjs - 如何在 React 中进行参数传递
- python - 在 SQL 到 Python 中挑选出两个日期之间具有相同时间的行
- javascript - 使用 php 将数组转换为 json ,并使用 jquery 或 javascript 检索 json
- android - 从字符串中删除 Unicode 替换字符
- json - 在“父”对象的 .fromJson 方法中从 JSON 中提取对象
- c++ - VNNI 指令的 NEON 仿真
- python - pyqt5 QTextEdit Windows 10 ASCII 符号
- java - 从 Scanner 读取多个输入