jqueryui框架对话框和多个按钮

时间:2011-02-14 07:59:27

标签: jquery jquery-ui

这就是我所拥有的......我正在使用jquery.FrameDialog插件。打开对话框时,有2个按钮。一个让我们说打开google.com和第二个按钮打开stackoverflow.com

问题是默认网址工作正常,但使用如下按钮:$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;
     });

1 个答案:

答案 0 :(得分:2)

也许有一个特殊而舒适的界面来更改此插件的网址,但您始终可以引导您的代码执行您想要的操作。

$('#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并直接说出来更改网址