1

JavaScript関数を呼び出すjqueryダイアログボックスにリンクを設定することは可能ですか? このようなもの -

var msg-dialog = $('#dialog-msg');
msg-dialog .html("Please click < a href='javascript:void(0)' onclick='javascript:reload();'>here</a> to reload.");
msg-dialog('open');

 function reload() {
      // do something.
      alert('test');
    }

リンクはダイアログに問題なく表示されますが、クリックしても何も起こりません。私は何が欠けていますか？関数内のダイアログも閉じたいです。

4

2 に答える 2

0

適切なライブラリがあると仮定すると、これは箱から出してすぐに機能します。

<html>
<head>
<link href="jqueryUI/css/ui-lightness/jquery-ui-1.8.19.custom.css" rel="stylesheet" type="text/css">
<script src="jquery-1.7.1.js"></script>
<script src="jqueryUI/js/jquery-ui-1.8.19.custom.min.js"></script>

<script type="text/javascript">
function doSomething() {
    $('#dialog').dialog('close');
}

$(document).ready(function() {
    $("#dialog").dialog();
    $("#dialog").html("<a href=\"#\" onclick=\"doSomething();\">Call doSomething() function!</a>");
});
</script>

</head>
<body>
<div id="dialog"></div>

</body>

</html>
于 2012-05-01T17:38:37.800 に答える
0

msg-dialogECMAScript 5.1 / Unicode 6.1 によると、無効な変数です。

var msg_dialog = $('#dialog-msg');
msg_dialog .html("Please click <a href='javascript:void(0)' onclick='javascript:reload();'>here</a> to reload.");
msg_dialog.dialog(); // notice this

そして、あるべきであるa< a href='...'>here</a>の前にスペースがあります<a href='...'>here</a>

デモ。

Javascript 変数名バリデーター。

于 2012-05-01T17:40:55.393 に答える