加載swiffy頁面作爲橫幅

Question

我一直在試圖加載html頁面生成swiffy到我的網站橫幅。我嘗試了在谷歌常見問題中建議的iframe，但是當點擊鏈接時，它們只能像往常一樣在iframe中打開，但我需要它們在當前頁面上打開，因此我試圖將swiffy代碼分解爲JavaScript文件並調用它如下所示。我目前正在使用單詞按下，這意味着這是所有從一個header.php文件加載，並一直在嘗試下面的代碼，沒有運氣。有什麼建議麼？

<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> 

Answer 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'); 

如果與您使用的主題或插件中的其他代碼沒有任何衝突，那麼應該讓您行動起來。