0

私はブロックを持っています：

<div class="col-1-4 local_links">
<table>
            <tr>
                <td>
                    <a href="#user_profile">User Profile</a><div class="arrow-selected"></div>
                </td>
            </tr>
            <tr>
                <td>
                    <a href="#dashboard">Dashboard</a>                  </td>
            </tr>
            <tr>
                <td>
                    <a href="#change_password">Change Password</a> 
                </td>
            </tr>
        </table>
 </div>

[... いくつかのコード ....]

<div class="col-3-4 local_responses">
   <div class="content full" id="user_profile" style="display: block;">
     <h2>settings :: User Profile</h2>
   </div>
   <div class="content full" id="dashboard">
     <h2>settings :: Dashboard</h2>
   </div>
   <div class="content full" id="change_password">
     <h2>settings :: Change Password</h2>
   </div>
</div>

そしてそれに続くいくつかのjs：

var local_links = $(".local_links");
var local_responses = $(".local_responses");

$(("a"),local_links).on("click", function(e){
    e.preventDefault();
    var id = $(this).attr("href");
    local_links.find("div.arrow-selected").remove();
    $(this).parent().append('<div class="arrow-selected"></div>');
    $(".content", local_responses).animate({opacity: 0});
    $(id, local_responses).animate({opacity: 1});
});

console.log(id) を実行すると... IDがうまく表示されます...しかし、最初の要素でのみ機能します。私は些細なことを見逃していることを知っています。何かご意見は？

4

2 に答える 2

0

探している動作が正確にはわかりませんが、コードを変更せずにhttp://jsfiddle.net/CrossEye/hApgg/に投稿すると、3つのリンクすべてで一貫して機能しているようです。

なぜあなたが以下を包む括弧を書くのか分かりません"a"：

$(("a"),local_links).on("click", function(e){ //...

これも同様に機能します。

$("a", local_links).on("click", function(e){ // ...

しかし、彼らも何も傷つけていません。

それで、このフィドルはあなたの問題を複製しますか？そうでない場合、問題はあなたが投稿したもの以外のコードにあります。

于 2012-11-27T14:59:16.640 に答える