jquery - Ajax中的jQuery弹出窗口

我正在使用jQuery和Ajax 单击超链接时,要加载到弹出菜单中的关联文档可以正常工作。 问题出在我使用Ajax时。

我的密码

//index.html
....
jQuery.ajax({
    type: 'POST',
    url: ' my.php',
    data: 'one=' + one,

    success: function(data){
        jQuery("#another").load("load.html");

        //Pop up code for the Load.html
        jQuery("a[rel='pop']").click(function (e) {
            e.preventDefault();
            var features =  "height=700,width=800,scrollTo,resizable=1,scrollbars=1,location=0";
            newwindow=window.open(this.href, 'Popup', features);
            return false;
        });
    }//Success
}); //Ajax

策略:看到超链接后,相关内容将需要显示在弹出窗口中。

Load.html

<a href="pdf/file1.pdf" id="pop" rel="pop"> click 1.</a>
<a href="pdf/file2.pdf" rel="pop">click2</a>

由于Load.html动态加载到index.html ,所以所有标记都与PDF文件的链接相关联,并且load.html文件不会在弹出窗口中显示文档。 如何更改代码以完成上述输出?

我认为您遇到的问题是您没有等待load.html的内容完成通过ajax的加载。 您需要为该调用设置回调,以便正确使用其内容。

做这个:

//index.html
....
jQuery.ajax({
     type:'POST',
     url:' my.php',
     data:'one='+one,
     success: function(data){
         jQuery("#another").load("load.html", function() { 
             //pop up code for the Load.html
             jQuery("a[rel='pop']").click(function (e) {
                 e.preventDefault();
                 var features = "height=700,width=800,scrollTo,resizable=1,scrollbars=1,location=0";
                 newwindow=window.open(this.href, 'Popup', features);
                 return false;
             });//click
         }//load
     });//success
});//ajax

据我了解,那应该可以解决您的问题。

转载请注明来自askonline.tech,本文标题:jquery - Ajax中的jQuery弹出窗口


 Top