我正试图为一个javascript包含另一个javascript的收音机制作一个插件。我尝试了多种解决方案,但都不适用。我不懂Javascript,所以基本上我想从经验中学习。
这是我的代码:
function loading_live() {
document.write('<'+'script src="http://djspinnercee.servemp3.com:32768/php-cgi/scaststatus_x.php?index=5&host='+<?php echo (RADIO_ADDRESS); ?>+'&port='<?php echo (RADIO_PORT); ?>'" type="text/javascript"><' + '/script>');
}
var auto_refresh = setInterval(function(){
$('#LiveNow').fadeOut('slow').loading_live().fadeIn("slow");
}, 10000);
Javascript重新加载正确的div。但当加载另一个外部Javascript时,它会崩溃,什么都不显示。
这里有几个问题。
首先,你没有调用你的函数。在fade
之后将其链接不起作用。
你需要明确地调用它。但它无论如何都不会起作用
这是第二个问题。
加载页面时,不能document.write
。
只有当浏览器评估Javascript时,它才起作用。这就是为什么类似的方法会立即调用函数,比如:
function () {
document.write('this is inserted in the page');
}(); // <- note the parenthesis
如果要在页面加载后将JS节点添加到DOM,则需要创建元素,然后将其附加到DOM。
getScript
对您有用吗?
var auto_refresh = setInterval(function(){
$('#LiveNow').fadeOut('slow');
$.getScript('http://djspinnercee.servemp3.com:32768/php-cgi/scaststatus_x.php?index=5&host=<?php echo (RADIO_ADDRESS); ?>&port=<?php echo (RADIO_PORT); ?>', function () {
$('#LiveNow').fadeIn("slow");
});
}, 10000);