如何添加这个使用类.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/