jqueryui框架對話框和多個按鈕

Question

這裏是我有..我使用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; 
    }); 

Answer 1

也許有改變網址，這個插件特殊和舒適的界面，但你總是可以帶領你的代碼做你想要什麼。

$('#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