javascript - 打开弹出窗口时加载代码

Question

我需要在加载弹出窗口时加载一些代码 JS。我试过:

mypopup.ready(function...

但什么也没有。

这是我的代码。

  function popup(){
   mypopup = window.open('http://33bits.es/foro/masiconos.php', 'popup', 'width=400','height=300','status=no', 'scrollbars=yes', 'toolbars=no', 'menubar=no', 'location=no');

}

 $('#mas').click(function(evt) { popup();  });

mypopup.ready(function() {


//Más Iconos
$('img').click(function (evt) {
   var clase =  $(this).attr('class');
   insertar_popup(clase);
});
$('.cerrar').click(function(evt) { window.close(); });


//Mas Iconos CSS
$('.cerrar').css("font-family", "Arial");
$('.cerrar').css("cursor", "pointer");
$('.cerrar').css("margin", "50%");
$('.pop').css("background", "url(http://www.33bits.es/foro/Themes/epic_2_0/images/id/abgg.png)");
$('.iconos_pop > img').css("margin", "5px");
$('.iconos_pop > img').css("cursor", "pointer");
$('.iconos_pop').css("border-radius", "10px");
$('.iconos_pop').css("padding", "10px");
$('.iconos_pop').css("background", "white");
$('.iconos_pop').css("margin", "5% auto");
$('.iconos_pop').css("width", "95%");
});

我想加载弹出窗口，然后加载我的这部分代码，它将为弹出窗口提供样式。但它没有加载，我的弹出窗口没有样式，看起来空洞而破旧。

Answer 1

您的问题的潜在解决方案是使用 jQuery 对话框。看起来您要加载的代码在打开时为对话框设置样式，但使用 jQuery 对话框允许您直接使用 CSS 设置样式。请点击下面的链接获取示例以及用于初始化它的源代码。

http://jqueryui.com/dialog

基本设置使用 jQuery 表示法，您在 html 页面中创建一个并向其添加“对话框”类:

$(function(){
    $("#yourDialog").dialog();
})

现在要在单击链接时打开它，您需要向代码中添加一些选项，以便默认情况下它不会打开，并且仅当您单击激活它的按钮时才打开:

Javascript

$(function(){
    $("#yourDialog").dialog({
        autoOpen: false 
    });

    $("#yourButton").click(function(){
       $("#yourDialog").dialog("open");
    });
})

HTML

<div id="yourDialog" title="Basic dialog">
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

<button id="yourButton">Button</button>

有关更完整的示例，请访问链接 http://jqueryui.com/dialog/#modal-form .