jqueryでページ内リンクを作成したい。

Question

###前提・実現したいこと
jqueryでタブの移動を行うように作成しています。
タブのボタンをクリックするとattrでcssを付与させるような仕組みです。
ページ内のリンクを用意してしまうと、cssが付与できずに困っています。
どのような方法があるかお教えいただけますでしょうか？

Answer 1

まず、コード冒頭の部分からして

jQuery('.menu li').each(function(){ ... });

ページの本文中でとありますので、恐らくhtmlは以下のようになっていませんでしょうか。

<ul class="menu">
  <li><a href="#">...</a></li>
  <li><a href="#">...</a></li>
</ul>

<a href="#foo">ここはクリックしても所望の動きをしない</a>

ここでの処理は、
0. クラス「menu」の子要素である<li>を取得
0. それぞれの<li>要素の中の<a>に対してイベントリスナを定義

となっているようですので、そもそも、ページの本文中にある<a href="#foo">にはイベントに対する処理が当たっていないと思われます。が、

ご質問の趣旨にあっているでしょうか。

Comments

[yuto]

ご回答ありがとうございます。
jqueryを勉強しながら、質問の趣旨が伝わりづらいものを作成してしまったにもかかわらず、ご連絡くださり、ありがとうございます。
何とか、解決いたしました。