JavaScript trigger click イベント無効

Question

$("#tab1").trigger('click');

    <ul class="tabs">
       <li id="tab1">1</li>
       <li id="tab2">2</li>
       <li id="tab3">3</li>
    </ul>

アコーディオンについての質問です。
すでに書かれていたものに修正を加えようと考えています。

アコーディオンとしては機能しているのですが、
クリックイベントに'#'をつけると、ページ内移動してしまいます。

triggerで使用しているClickイベントに
e.preventDefault(); をつける方法はありますでしょうか？

Comments

[yambejp]

質問の途中ですか？質問になっていませんが・・・

[m.ts10806]

CSSもご提示ください。
>'#'にクリックイベントをつけると
どこにどうつけて、どうしたいのでしょうか。具体的に記載してください。

Answer 1

自動でクリックした場合と、手動でクリックした場合をわけたいということでしょうか？

<script>
$(function(){
  $("#tab1").on('click',function(e){
    if(typeof e.originalEvent=="undefined"){
      console.log("自動click");
      　return false;
    }
    console.log("手動click");
  });
  $("#tab1").trigger('click');
});
</script>
<ul class="tabs">
<li id="tab1">1</li>
<li id="tab2">2</li>
<li id="tab3">3</li>
</ul>