0

jQueryタブ付きウィジェットをアプリケーションのメニューとして使用しようとしていますが、タブをクリックするとそのセクションの最初のページが表示されるようにタブ付きインターフェイスを設定できました。ドキュメントによると、このページのリンクをクリックして同じタブにロードしたい場合は、以下のコードを使用する必要があります。これは部分的に機能します。これは、そのページの画像ハイパーリンクをクリックすると、タブ付きウィンドウに新しいページが表示されるためです。

ただし、javascriptのあるボタンをクリックすると、ボタンが機能しなくなります。これは、すべてのjavascriptに当てはまります。新しいタブ付きインターフェースでJavaScriptを再び機能させるにはどうすればよいですか？ 

$('#example').tabs({
    load: function(event, ui) {
        $(ui.panel).delegate('a', 'click', function(event) {
            $(ui.panel).load(this.href);
            event.preventDefault();
        });
    }
});

編集：したがって、ページ1ファイルのLeftyXのコードに次の行を追加すると、ボタンによってpage4.htmlが開きますが、タブでは開きません。

<button onclick="location.href='Page4.html'">Test button </button>
4

1 に答える 1

1

それは機能する必要があります。
あなたが私たちにあなたのHTMLを見せれば、私たちは助けようとするかもしれません。
私のサンプルをチェックして、コードをダウンロードできます。

いくつかの開発ツール（例：Google Chromeデベロッパーツール）を使用して、スクリプトにエラーがあるかどうかを確認してください

アップデート：

ボタンを使用している場合は、HTML5属性を使用できます。

<button data-pagelink="Page4.html">Test button</button>

クリックイベントをトラップします。

$(ui.panel).delegate('button', 'click', function(event, o) {
    $(ui.panel).load(this.dataset.pagelink);
    event.preventDefault();
});

または、ハイパーリンクを使用してボタンに変換します。

<a id="thisIsAButton" href="Page4.html">go to page 4</a>

これとともに：

$("#thisIsAButton").button();
于 2012-08-30T13:58:49.207 に答える