4

次のリンクがあります。

<ul id='menu' class='menuAP'>
  <li id='navAppPop' class='active'>
    <a>
        <img src='assets/images/applicant.png' class='navImg'  />
        Applicant
    </a>
  </li>
  <li id='navProvPop' class='provRight'>
    <a> 
        <img src='assets/images/Providers.png' class='navImg'  />
        Providers
    </a>
  </li>
</ul>

で、〜がある：

<div id='watermark'></div>

私の透かしが含まれています。

特定のタブが選択されているときに動的に変更するにはどうすればよいですか?

4

1 に答える 1

1

次のようなことを試すことができます：

$('#menu li').click(function() 
{
    $(this).siblings('li').removeClass('active');
    $(this).addClass('active');

    if ($('#navAppPop').hasClass('active')) 
    {
        $("#watermark").css('background-image', 'url(assets/images/appWatermark.png)');
    }
});

クリック機能の他のタブのコードも追加するだけです。

これが行うことは、どのリンクがアクティブであるかを変更し、どのリンクがアクティブなクラスを持つかに応じて背景を設定することです。

于 2013-04-08T09:45:45.253 に答える