0

ボタンをクリックしたときにjqueryポップアップでdefault.aspxを開きたい。ただし、jqueryモーダルウィンドウは機能しません。ボタンをクリックすると、default.aspxページが直接開きます。

脚本：

<script type="text/javascript"> 
 $("#myElement").click(function (e) {
     e.preventDefault();
     $.get("Default.aspx", function (resp) {
         var data = $('<div></div>').append(resp);
         data.modal();
     });
 });
 </script>

HTML：

<a id="myElement" href="">Linkler</a>

また

<a id="myElement" href="default.aspx">Linkler</a>
4

3 に答える 3

2

<a>ページを直接開くhref属性を持つアンカータグ 。

次のような入力要素
<input type="button" id="myElement" value="click me">

を使用できます。JqueryUIを使用すると仮定すると、いくつかの変更を加えてこのアプローチを使用できます。

var path = "Default.aspx"; //path to your file

$("#myElement").click(function (e) {
    $("#somediv").load(path).dialog({
        modal: true
    });
});

URLを使用して外部ページをロードしようとしましたが、ブラウザのセキュリティでブロックされていますが、相対パスを使用してファイルをロードすることは可能です。

ページにJqueryとJqueryUI（および必要に応じてJquery cssも）を含めることを忘れないでください。

于 2013-03-05T05:52:04.970 に答える
0

jQueryには.modal（）はありません。正しい呼び出しは次のようになります。

data.dialog({
    modal: true });

また、これはjQueryUIを使用しているため、そのライブラリも参照していることを確認してください。

ダイアログの詳細については、APIドキュメントを確認してください：http： //api.jqueryui.com/dialog/

于 2013-03-05T04:19:42.190 に答える
0

いくつかのプラグインを使用できます。これは本当にあなたとその簡単な変更のいくつかを助けることができます。

于 2013-03-05T04:49:06.737 に答える