2011-11-08 6 views
2

別のページが入ったモーダルボックスを表示しようとしていますが、動作させられないようです。jQuery UIモーダルボックス/ダイアログに別のページを挿入しますか?

$(document).ready(function() { 
    $('#shraPop').click(function() { 
     var src = "shra-pop.php"; 
     $.dialog('<iframe src="' + src + '" height="450" width="830" style="border:0">'); 

     return false; 
    }); 
}); 

$(document).ready(function() { 
    $('#shraPop').click(function() { 
     var dialog = $('<div></div>').load("http://www.google.com"); 
     $(dialog).dialog(); 
     return false; 
    }); 
}); 

jQueryのダイアログがそれに正常に動作している途中でオンですので、私は右のファイルが含まれている:ここに私の失敗の二つがあります。ロードしようとしているページを読み込もうとするとうまく動作しません。

非常に歓迎、何か提案!

jsFiddle:http://jsfiddle.net/ZpECL/1/

答えて

2

あなたの第二の機能では、あなたの引用符が

var $dialog = $('<div>testing</div>').load("shra-pop.php'); 

負荷()不一致のダブルとシングル引用符の両方を持っています。

ダイアログ変数の前に$が必要かどうかわかりません。

問題がまだ解決していないかどうかを確認するには、jsfiddleにコードを入力することをおすすめします。

さらに、機能を追加したい場合は、Colorboxを使用することもできます。

+0

Ah ha!私はコードを更新しましたが、それはまだ動作していません、私もjsfiddleをやろうとしましたが、別のページで扱いにくいです。 Googleで試したことがありますか? –

+0

http://jsfiddle.net/ZpECL/ –

+0

うわー!心配しないでください - ありがとうございました... Googleには表示されないので動作しませんでしたが、私のページを表示します、ありがとうございます:) –

関連する問題