1

jquery を介して href リンクを無効にするのが困難です。私は修正したこの方法を使用しています。これを理解するために私にアドバイスまたは助けてもらえますか？ありがとうございました。

jquery/js

<script>
 $('.next-tab').click(function() {
     $('.st_tab_active').attr('disabled','disabled');
     var tab=  $('.st_tab_active').parent().next().children('a');
     tab.removeAttr('disabled');
     tab.trigger('click');
     return false;
      });
</script>

html

<ul class="st_tabs">
    <li><a href="#st_content_1" class="st_tab" disabled="disabled">Horizontal Tab #1</a></li>
    <li><a href="#st_content_2" class="st_tab" disabled="disabled">Horizontal Tab #2</a></li>
    <li><a href="#st_content_3" class="st_tab" disabled="disabled">Horizontal Tab #3</a></li>
    <li><a href="#st_content_4" class="st_tab" disabled="disabled">Horizontal Tab #4</a></li>
    <li><a href="#st_content_5" class="st_tab" disabled="disabled">Horizontal Tab #5</a></li>
</ul>
4

4 に答える 4

4

リンクのデフォルトの動作を無効にするために使用できpreventDefault();ます（つまり、指定された場所に移動しますhref）。

$("a").click(function(e){
    e.preventDefault(); 
});
于 2012-06-25T21:04:51.007 に答える
3

すべての答えはありそうな解決策のように見えます

これは、アンカータグで無効化されたプロパティの使用に関する議論です

HTML アンカー タグは Disabled 属性を尊重する必要がありますか?

より良いのは、disabled 属性を使用しないことです。これは違法です ;)

今、あなたは持っています

event.preventDefault();

また

return false;

ここでは、両方の使用に関する議論があります。

event.preventDefault() と return false

あなたの場合、バブリングもしたくないので、 return false が良いようです。

状況をよく説明していないため、正確な問題の解決策は言えません。

「次のタブ」をクリックしたときに、特定の有効/無効タブでタブを切り替えようとしているようです。それも説明していただけると助かります

于 2012-06-25T21:20:16.700 に答える
1

使用できる方法は2つあり、デフォルトのアクションを防ぐか、単純にfalseを返します。

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

    // Rest of the code

    return false;
});
于 2012-06-25T21:08:56.103 に答える
1

ahren が以前に述べたように、それが進むべき道ですが、サイトのすべての href を無効にしないためには、次のようにします。
$('a.st_tab').click(function(e){
e.preventDefault();
});

于 2012-06-25T21:11:31.347 に答える