0 
<ul id="shortcuts">
    <li class='current'><a href="<?=base_url()?>home" id="home">Home</a></li>
    <li ><a href="<?=base_url()?>message"  id='message'>Messages</a></li>

</ul>

<script src="<?=base_url()?>js/libs/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#shortcuts li').click(function(e){
         $('#shortcuts li').removeClass('current');
         $(this).addClass('current');
         e.preventDefault();
    });
});

</script>

問題は、選択されているタブを強調表示したいということです。このタブをクリックすると、次のページに移動しないため、hrefが機能しません。

4

3 に答える 3

0

リンクがクリックされたときにページを変更したくないが、代わりにリスト項目のスタイルを変更したいというあなたの理解が正しければ。これでうまくいくはずです：

$('#shortcuts li a').click(function(e){
     // Prevent the link from changing the page
     e.preventDefault();

     // Remove 'current' from any list item with the 'current' class
     $('#shortcuts li.current').removeClass('current');

     // Add the 'current' class to the link's parent (its list item container)
     $(this).parent().addClass('current');
});

あなたが現在持っているのは、リスト項目がクリックされたときにデフォルトのアクションを実行しないようにブラウザに指示することですが、リンク自体がクリックされたときには実行しないため、機能しません。

于 2013-02-13T13:46:08.597 に答える
0

サーバーで短い開始タグが許可されているかどうかを確認してください。ごく基本的なことですが、よろしければご覧ください。

php.ini には、ディレクティブが 1 つあります。

short_open_tags

スクリプトでは、オンにする必要があります。確認してください。

于 2013-02-13T13:47:28.897 に答える