jqueryui框架对话框和多个按钮
这是我的…我正在使用jquery.FrameDialog插件。 打开对话框时,有2个按钮。 一个让我们说打开google.com和第二个按钮打开stackoverflow.com
问题是默认url工作正常,但使用如下按钮: $dialog.load("http://www.google.com");
它不起作用。 我究竟做错了什么?
这是我的完整代码:
$('#mydialog').click(function(){ var $dialog = jQuery.FrameDialog.create({ url: 'http://www.yahoo.com', loadingClass: 'loading-image', title: 'IP Tracing', width: 1100, height: 700, autoOpen: false, overlay: { opacity: 0.5, background: "black" }, buttons: { "google": function() { $dialog.load("http://www.google.com"); }, "stackoverflow": function() { $dialog.load("http://www.stackoverflow.com"); }, "Exit": function() { $( this ).dialog( "close" ); } } }); $dialog.dialog('open'); return false; });
也许有一个特殊而舒适的界面来更改此插件的url,但您始终可以引导您的代码执行您想要的操作。
$('#box').click(function(){ var $dialog = jQuery.FrameDialog.create({ url: 'http://www.yahoo.com', loadingClass: 'loading-image', title: 'IP Tracing', width: 1100, height: 700, autoOpen: false, overlay: { opacity: 0.5, background: "black" }, buttons: [ { text: 'google', click: function() { $(this).find('iframe').attr('src', "http://www.google.com") } }, { text: 'Exit', click: function() { $(this).dialog( "close" ); } } ] });
您可以直接找到iframe并直接说出来更改url