2012-03-23 84 views
1

我一直在试图加载html页面生成swiffy到我的网站横幅。我尝试了在谷歌常见问题中建议的iframe,但是当点击链接时,它们只能像往常一样在iframe中打开,但我需要它们在当前页面上打开,因此我试图将swiffy代码分解为JavaScript文件并调用它如下所示。我目前正在使用单词按下,这意味着这是所有从一个header.php文件加载,并一直在尝试下面的代码,没有运气。有什么建议么?加载swiffy页面作为横幅

<div id="home-banner" width="916px" height="200px"> 
</div> 
<script src="http://www.gstatic.com/swiffy/v3.9/runtime.js"></script> 
<script type="text/javascript" src="http://www.goaefis.com/Banner.js"> 
var stage = new swiffy.Stage(document.getElementById('home-banner'), swiffyobject); 
stage.start(); 
</script> 

回答

1

您需要注销WordPress的jQuery,以便您可以使用谷歌代码。您可以将脚本保存在<script></script>标记中作为单独的文档。对于这个例子,我将它称为swiftfyobject.js。它将需要进入名为js的文件夹内的主题文件夹。然后您可以在主题function.php文件中调用脚本。

下面是它应该如何看:

的swiffyobject.js文件去在js文件夹:

var stage = new swiffy.Stage(document.getElementById('home-banner'), swiffyobject); 
stage.start(); 

的functions.php文件中的代码:

function add_themescript(){ 
    if(!is_admin()){ 
    wp_deregister_script('jquery'); 
    wp_register_script('jquery', 'http://www.goaefis.com/Banner.js'); 
    wp_enqueue_script('swiffyobject', get_template_directory_uri() . '/js/swiffyobject.js', array('jquery')); 
} 
} 
add_action('init','add_themescript'); 

如果与您使用的主题或插件中的其他代码没有任何冲突,那么应该让您行动起来。