サイト内のリンクをクリックすると、主要なブラウザーでは機能しますが、IE9 以下では機能しません。リンクをクリックしても何も起こりません! コンソールには、「event.returnValue は非推奨です。代わりに標準の event.preventDefault() を使用してください。」と表示されます。
私はこのウェブサイトからこのメソッドを使用しています: http://sudojesse.github.io/dynamic-page/index.html
このWebサイトをIE9以下で使用すると機能します(ページを更新すると機能しますが、機能します!)。私は何を間違っていますか?
編集:すべてをサブフォルダーに入れると機能します! それはhtacessの何かでしょうか?
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script type='text/javascript' src='js/modernizr.js'></script>
<script>$(function() {
if(Modernizr.history){
var newHash = "",
$mainContent = $("#main-content"),
$pageWrap = $("#page-wrap"),
baseHeight = 0,
$el;
$pageWrap.height($pageWrap.height());
baseHeight = $pageWrap.height() - $mainContent.height();
$( "a" ).on("click", function() {
_link = $(this).attr("href");
history.pushState(null, null, _link);
loadContent(_link);
return false;
});
function loadContent(href){
$mainContent
.find("#guts")
.fadeOut(200, function() {
$mainContent.hide().load(href + " #guts", function() {
$mainContent.fadeIn(200, function() {
$pageWrap.animate({
height: baseHeight + $mainContent.height() + "px"
});
});
});
});
}
$(window).bind('popstate', function(){
_link = location.pathname.replace(/^.*[\\\/]/, ''); //get filename only
loadContent(_link);
});
} // otherwise, history is not supported, so nothing fancy here.
});</script>