如何添加這個使用類.append（）

Question

，我有以下的html代碼：

<nav id="main-navigation">  
<ul class="cf"> 

<li class=" active-link"> 
<a href="/">Home</a> 
</li> 

</ul> 
</nav> 

我需要</ul>標記之前添加以下代碼：

<li class=""> 
<script type="text/javascript" src="https://app.ecwid.com/script.js?4549118"></script> 
<script type="text/javascript">xMinicart("style=","layout=Mini"); </script> 
</li> 

但是，要做到所以，我必須使用jquery的append（）。但我不知道在append（）中添加script type="text/javascript"，src="https://app.ecwid.com/script.js?4549118"></script>和<script type="text/javascript">xMinicart("style=","layout=Mini"); </script>的正確方法。

謝謝！

編輯1：

所以你可以看到我想要做的事： 我需要的是以下http://jsfiddle.net/u3NKD/5/的結果是兩個環節。但是，第二個連接（其中一個說：「sacola德compras），必須以追加（），而不是HTML做過這就是我想要做的

編輯2：

我試着在此的jsfiddle http://jsfiddle.net/u3NKD/7/代碼和它的作品完美地的jsfiddle，但它並不在我的Squarespace網站工作

在我的網站的代碼如下：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.4/jquery.backstretch.min.js"></script> 

<script> 
window.onload=function(){ 
$('nav ul').append('<li id="hello"></li>'); 
$.getScript("https://app.ecwid.com/script.js?4549118", function(){ 
    xMinicart("style=","layout=Mini","id=hello"); 
}); 
} 
</script> 

任何想法，爲什麼它不WOR k在方格空間？

謝謝！

Answer 1

您是否嘗試過使用類似

$.getScript("https://app.ecwid.com/script.js?4549118", function(){ 
    xMinicart("style=","layout=Mini"); 
}); 

加載腳本，然後再把激活xMinicart對象？我無法真正理解你爲什麼試圖在沒有更多背景的情況下執行此操作，因此這是我可以提供的最佳建議。

https://api.jquery.com/jQuery.getScript/（使用GET HTTP請求負載從服務器的JavaScript文件，然後執行它。）

Answer 2

如果你真的需要把它放到特定的地點，那麼試試這個：創建一個單獨的HTML文件同一目錄下，把它像myli.html， 然後你把這個進去：

<ul id="myli"> 
    <li class=""> 
    <script type="text/javascript" src="https://app.ecwid.com/script.js?4549118"></script> 
    <script type="text/javascript">xMinicart("style=","layout=Mini"); </script> 
    </li> 
</ul> 

然後在你想要這個附加原始網頁你這樣做，你必須創建這樣一個虛擬容器

$('<div/>', {id:'dummycont', css: {display: 'none'}}).appendTo('body'); 

然後

$('#dummycont').load('myli.html #myli, function(){ 
    var li = $(this).find('#myli').html(); 
    $('nav ul').prepend(li); 
}); 

所以基本上這個加載事件將在myli.html特定#myli加載到一個臨時的虛擬容器。然後你抓住那個內容並把它加到目標ul上。 讓我知道如果這對你有用。我還沒有測試過。

Answer 3

你在做什麼是你只是在HTML DOM結構中作爲Text或innerText附加腳本。 使用getScript或Ajax調用來調用Js。 （帶返回類型腳本的Ajax調用是getScript）

並在其返回函數中調用xMinicart函數。

在你的Dom只是附加一個 '禮' 與特定的ID，並在getScript加入成功函數ID傳遞給xMinicart功能/

<nav id="main-navigation">  
    <ul class="cf"> 

     <li class=" active-link"> 
     <a href="/">Home</a> 
     </li> 
     <li id="hello"></li>  
    </ul> 

    </nav> 

你的JS調用應該是

$.getScript("https://app.ecwid.com/script.js?4549118", function(){ 
xMinicart("style=","layout=Mini","id=hello"); 
    }); 

這將在頁面上加載購物車。

檢查的jsfiddle這裏http://jsfiddle.net/u3NKD/6/