0

リンクを使用してjQueryUIダイアログをトリガーしようとしています。リンクは次のとおりです。

<a href="#" id="mydialog">Open the dialog</a>

このページの前半にあるJavaScriptは次のとおりです。

$(document).ready(function() {
    var $mydialog = $('<div></div>')
        .html('dialog body')
        .dialog({
            autoOpen: false,
            title: 'dialog title'
        });
    $('#mydialog').click(function() {
        $mydialog.dialog('open');
    });
});

このjavascriptは、適切なIDが割り当てられたボタンを使用するときに以前は機能していましたが、リンクでは機能しません。また、hrefで指定されたアドレスにリダイレクトするリンクを停止する方法がわかりません（クリックハンドラーにfalseを返すと機能しません）。

みんなありがとう。

4

1 に答える 1

1

aタグがデフォルトの動作をしているため、コードがタグに対して機能していないと思います。基本的に、ダイアログが開く前にページが移動します。で停止しevent.preventDefault()ます。も渡されていることに注意しfunctionてください。event

$('#mydialog').click(function(event) {
    event.preventDefault();
    $mydialog.dialog('open');
});
于 2012-10-15T21:45:38.387 に答える