jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – jQuery .load()引导模态和显示大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在我的页面中.load()一个引导模态,并立即显示.以下是我编写的代码(它不起作用,因为模态打开,但可以永远不会关闭)!

基本上我试图在点击一个团队名称(与.team类)的时候以.形式()列出一个模态的玩家,我尝试过多种方式调用$($this).empty()成功.

这是我的功能

$(function () {

        $('.team').on('click',function () {

            var $this = $(this).data('target');

            $('#results-modals').load('/team-players.html ' + $this,function (response,status,xhr) {

                if (status == "success") {

                    $($this).modal({ show: true });
                }
            });
        });
  });@H_772_7@ 
 

这里是html的锚点和示例模态:

<a class='team' data-toggle='modal' data-target='#20'>Real Madrid</a>@H_772_7@ 
 

外部文件中的数据team-players.html:

<div id='20' class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
     <div class="modal-content">
       <p>Player 1: Ronaldo</p>
    </div>
  </div>
</div>@H_772_7@

解决方法

而不是$($this).modal({show:truE});尝试$(this).modal(‘show’);

要隐藏模态,可以使用$(this).modal(‘hide’);

大佬总结

以上是大佬教程为你收集整理的javascript – jQuery .load()引导模态和显示全部内容,希望文章能够帮你解决javascript – jQuery .load()引导模态和显示所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。