1

ユーザーがメインのhtmlページをクリックしたときに、htmlページからコンテンツを取得してjQuery uiダイアログボックスにロードしようとしています。ただし、これは単純に見えますが、機能していません。

ここに私のjQueryコードがあります:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script>
$('#modal' ).dialog({ modal : true });

$(function() {
     $('a[name=Test]').on('click', function(e){
     $('#modal').load(this.href).dialog('open');
  });
});
</script>
</head>

HTML コード:

<body>
    <p><a name="Test" href="test/test2.html">Click Here!</a></p>
</body>

これが機能するようになったら、実際のコードを使用して jsp に移動しますが、最初はスタンドアロンで機能させようとしています。

他の例を見てきましたが、これでコンテンツのダイアログを起動することができませんでした。test2.html ページにリダイレクトされるだけです。

これを機能させる方法についてのアイデアはありますか?

4

2 に答える 2

1

これを試して

HTML

<p><a name="Test" href="test/test2.html">Click Here!</a></p>

<div id="modal"></div>

Jクエリ

$(function() {
     $('a[name=Test]').on('click', function(e){
         e.preventDefault(); //stops from going to test2.html
         $('#modal').load(this.href).dialog({ modal : true });
  });
});

フィドルhttp://jsfiddle.net/becLJ/

于 2013-10-24T20:48:00.697 に答える