実稼働サーバーのスクリプトで奇妙な問題が発生しています。
このソリューションを使用して、スクリプトをオンデマンドで実行しています。
function loadjscssfile(filename, filetype){
if (filetype=="js"){ //if filename is a external JavaScript file
var fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript")
fileref.setAttribute("src", filename)
}
else if (filetype=="css"){ //if filename is an external CSS file
var fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", filename)
}
if (typeof fileref!="undefined")
document.getElementsByTagName("head")[0].appendChild(fileref)
}
このページから取得しました:http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml
ローカルで実行すると、可能なすべてのブラウザーでスムーズに動作します。ただし、実稼働サーバーでは、IE 8 以前でのみ機能します...
この関数で呼び出している実際のコードは次のとおりです。
$(document).ready(function () {
$("#vertical_cssmenu a").hover(function() {
$(this).stop().animate({ backgroundColor: "#f22d00"}, 350);
},function() {
$(this).stop().animate({ backgroundColor: "#e5e5e5" }, 350);
});
$("#vertical_cssmenu a").click(function() {
var toLoad = $(this).attr('href')+' #text_content > *';
$('#text_content').fadeOut(500,loadContent);
$(this).attr('href').substr(0,$(this).attr('href').length-4);
function loadContent() {
$('#text_content').load(toLoad,'',showNewContent());
}
function showNewContent() {
$('#text_content').fadeIn(1000);
}
return false;
});
});
みんな助けてください:)
編集: ページ上のメインの JavaScript のコードは次のとおりです。
// dynamiczne ladowanie CSS i JS
function ensureUploadScriptIsLoaded() {
if (self.uploadScript) { // Already exists
return;
}
var head = document.getElementsByTagName("head")[0];
script = document.createElement('script');
script.id = 'uploadScript';
script.type = 'text/javascript';
script.src = "js/vertical.js";
head.appendChild(script);
}
// fullscreen BG
$(window).load(function ()
{
var theWindow = $(window),
$bg = $("#bg"),
aspectRatio = $bg.width() / $bg.height();
function resizeBg()
{
if ((theWindow.width() / theWindow.height()) < aspectRatio)
{
$bg.removeClass()
.addClass('bgheight');
}
else
{
$bg.removeClass()
.addClass('bgwidth');
}
}
theWindow.resize(function ()
{
resizeBg();
}).trigger("resize");
});
// RSS
$(document).ready(function ()
{
$('#divRss').FeedEk(
{
FeedUrl: 'http://someurl.here',
MaxCount: 5,
ShowDesc: true,
ShowPubDate: true
})
// baner
$('#acc-holder').easyAccordion(
{
autoStart: true,
slideInterval: 5000,
slideNum: false
});
// menu animacja
$("#horizontal_cssmenu a").hover(function ()
{
$(this).stop().animate(
{
backgroundColor: "#f22d00"
}, 750);
}, function ()
{
$(this).stop().animate(
{
backgroundColor: "#790079"
}, 350);
});
// ladowanie
$("#horizontal_cssmenu a").click(function ()
{
var toLoad = $(this).attr('href');
$('#contentsth').fadeOut('150', loadContent);
window.location.hash = $(this).attr('href').substr(0, $(this).attr('href').length - 4);
function loadContent()
{
$('#contentsth').load(toLoad, showNewContent);
}
function showNewContent()
{
$('#contentsth').fadeIn(1000, ensureUploadScriptIsLoaded);
}
return false;
});
var hash = window.location.hash.substr(1);
var href = $('#horizontal_cssmenu a').each(function ()
{
var href = $(this).attr('href');
if (hash == href.substr(0, href.length - 4))
{
var toLoad = hash + '.htm';
$('#contentsth').load(toLoad)
}
});
});