私のサイトには、次のコードがページをリロードするのを防ぐ必要がある JS があります (AJAX を使用してページの一部を更新するため) が、IE では常にページがリロードされます。他のすべてのブラウザは問題ありません。
JSは、別のスレッドで与えられています-
$('#attachment-body').delegate("a", "click", function(e){
e.preventDefault();
});
まだページをリロードしているリンク (#attachment-body
コンテナ内にあります) -
<div id="image-navigation">
<div id="nav-previous" class="nav-previous attachment-nav-previous float-left">
<p><a id="previous-link" href="<?php echo get_permalink($attachments[$previous_position]->ID); ?>" title="<?php echo esc_attr(get_the_title($attachments[$previous_position]->post_title)); ?>" onclick="set_centre_image(<?php echo $attachments[$previous_position]->ID; ?>, <?php echo $previous_position; ?>)">« Previous Image</a></p>
</div>
<div id="nav-next" class="nav-next attachment-nav-next float-right">
<p><a id="next-link" href="<?php echo get_permalink($attachments[$next_position]->ID); ?>" title="<?php echo esc_attr(get_the_title($attachments[$next_position]->post_title)); ?>" onclick="set_centre_image(<?php echo $attachments[$next_position]->ID; ?>, <?php echo $next_position; ?>)">Next Image »</a></p>
</div>
</div>
レンダリングすると、これは上記によって生成されたコードのブロックです -
<div id="image-navigation">
<div id="nav-previous" class="nav-previous attachment-nav-previous float-left">
<p><a id="previous-link" href="http://mydomain.com/firm-news/summer-drinks-at-the-castle/summer-drinks-2011-6/" title="" onclick="set_centre_image(5144, 5)">« Previous Image</a></p>
</div>
<div id="nav-next" class="nav-next attachment-nav-next float-right">
<p><a id="next-link" href="http://mydomain.com/firm-news/summer-drinks-at-the-castle/summer-drinks-2011-8/" title="" onclick="set_centre_image(5146, 7)">Next Image »</a></p>
</div>
</div>
preventDefault()
サイトの他の領域で使用するのと同じように IE で動作するため、コードの何かが正しくないとしか思えません。
ありがとう。