无法使用jquery访问bootstrap模式中的元素id,获取未定义的错误

前端之家收集整理的这篇文章主要介绍了无法使用jquery访问bootstrap模式中的元素id,获取未定义的错误前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Jquery和Bootstrap modalBox代码在同一页面中让我们说index.PHP
  1. <div class="modal fade" id="tileModal" tabindex="-1" role="dialog" aria-
  2. labelledby="mytileModal" aria-hidden="true">
  3. <div class="modal-dialog">
  4. <div class="modal-content">
  5. <div class="modal-header"><button type="button" class="close"
  6. data-dismiss="modal" aria-hidden="true">×</button>
  7. <h4 class="modal-title">Select Tiles</h4>
  8. </div>
  9. <div class="modal-body">
  10. <div id="result"> </div>
  11. </div>
  12. <div class="modal-footer">
  13. <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  14. <button type="button" class="btn btn-primary" id="saveChange">Save changes</button>
  15. </div>
  16. </div>
  17. </div>
  18. </div>

注意:DIV正在获取ajax响应html并且动态绘制元素.在这种情况下绘制元素后复选框.在saveChange按钮上单击模态我想获取复选框值.

  1. $("#saveChange").click(function () {
  2. var midVal = $('#test1').val();
  3. console.log(midVal);
  4. });

未定义

不确定为什么我无法从同一页面访问模态元素.但是我能够从模态外的其他DIV访问元素

解决方法

将事件附加到容器而不是直接附加到元素.也可以使用(‘点击’,…而不是直接点击.
  1. $("#tileModal").on('click','#saveChange',function () {
  2. var midVal = $('#test1').val();
  3. console.log(midVal);
  4. });

猜你在找的jQuery相关文章