0

ユーザーが画像をクリックすると、ページの前にポップアウトボックスがフェードインするセールスギャラリーに取り組んでいます。ボックスには、製品の詳細、注文情報、およびボックスを閉じてギャラリーに戻るための定型化された終了ボタンが含まれています。ボックスの外側をクリックしてギャラリーに戻ることもできます。ただし、ボックスが開いているときは、終了ボタンを除くウィンドウの背後にあるすべてのリンク（ナビゲーションメニューなど）を無効にします。ユーザーがボックスを閉じたら、これらを再度有効にする必要があります。私は次のようなもので遊んでみました

$('a:not(a.popout)').removeAttr('href');

と

$('a').attr('href', '');

無駄に。これらが管理する唯一のことは、ページ上のすべてのリンクを完全にシャットダウンすることです。もちろん、href属性を完全に削除した後は、それらを再度有効にする方法はありません。他の誰かがこれをやろうとしたことがありますか？多分私は彼が一生懸命やっているのだろう。アイデアが不足しています。ありがとう！

4

3 に答える 3

1

ポップアウトを開いたら、shutdownすべてのアンカーにクラスを追加します。

$('a:not(a.popout)').addClass('shutdown');

次に、そのようなクラス要素のデフォルトの動作を防止します。

$(document).on('click', 'a.shutdown', function(e){

    e.preventDefault();

});

ポップアウトを閉じるときに、クラスを削除します。

于 2012-09-29T04:20:56.430 に答える
0

$.click()ハンドラーをリンクにバインドし、 prevent default：

$('a').not('.popout').click( function(event) {
  ...
  event.preventDefault();
});

幸運を！

于 2012-09-29T04:20:28.820 に答える
0

これを使って

$('a:not(a.popout)').click(function(e){
e.preventDefault();

//or 

return false;

})
于 2012-09-29T04:22:22.263 に答える