2

これが私のコードです（html）

<div id="navig" style="font-family: arial; font-size: 12px; font-weight: normal;">
<div id="navfirst"><a href="#"  style="text-decoration: none;">First</a></div>
<div id="navnum"><a href="#"  style="text-decoration: none;">1</a></div>
<div id="navnum"><a href="#"  style="text-decoration: none;">2</a></div>
<div id="navnum"><a href="#"  style="text-decoration: none;">3</a></div>
<div id="navnum"><a href="#"  style="text-decoration: none;">4</a></div>
<div id="navnum"><a href="#"  style="text-decoration: none;">5</a></div>
<div id="navlast"><a href="#"  style="text-decoration: none;">Last</a></div>



 $( document ).ready(function( ) {
 $('div #navnum').click( function ( ) {
    var divtext =  $(this).text( ) ;
    $( this ).css('background-color', '#f99');
    $( this ).prevAll( ).css('background-color', '');
    $( this ).nextAll( ).css('background-color', '');
    $('#pgnum').html( '<p>clicked page number ' + divtext  + '</p>' ).fadeIn( 100 );
});

 });

FirefoxとChromeでは正常に動作しますが、IE8では動作しません。IEで動作させる方法

4

1 に答える 1

0

idHTML ページの複数の要素で同じものを宣言するべきではありません。idに固有であると想定されていdocumentます。navnum代わりに、 foridを使用している div を として使用するように切り替えてみてくださいclass。class名前はページ全体で共有できます。例えば：

<div class="navnum"><a href="#"  style="text-decoration: none;">1</a></div>

次に、クリック ハンドラーの場合:

$('div.navnum').click( function ( )

IE でテストできるjsFiddleを作成しました。

于 2013-01-20T20:37:59.370 に答える