Javascript 插入<；李>；在<；ul>；旋转木马

我想动态插入这个函数，但我不知道为什么它不起作用

这是我的jQuery函数

 $(document).ready(function () {
        $('body').removeClass('no-js');
        //$('#my-carousel-1').carousel();
        $('#my-carousel-2').carousel({
            itemsPerPage: 6,
            itemsPerTransition: 6,
            speed: 500
        });
        $('#my-carousel-3').carousel({
            itemsPerPage: 6,
            itemsPerTransition: 6,
            easing: 'linear',
            noOfRows: 2
        });



        $('#MainContent_btnAddTag').click(function () {
            var inp = $("#MainContent_txtSearch").val();
            if ($.trim(inp).length > 0) {

                var num = 1 + Math.floor(Math.random() * 7);

                var lit = '<li value="0" class="color-' + num + '">testInsert</li>';

                $('#my-carousel-2 ul').append(lit);
            }
        });
    });

$（文档）.ready（函数（）{
$（'body'）.removeClass（'no-js'）；
//$（'my-carousel-1'）.carousel（）；
$（'my-carousel-2'）。carousel({
项目页码：6，
项目转换：6，
速度：500
});
$（'my-carousel-3'）。carousel({
项目页码：6，
项目转换：6，
“线性”，
noOfRows:2
});
$（'#main content_btnAddTag'）。单击（函数（）{
var inp=$（“#MainContent_txtSearch”）.val（）；
如果（$.trim（inp）.length>0）{
var num=1+Math.floor（Math.random（）*7）；
var lit='
testInsert
；
$（'#my-carousel-2 ul'）。附加（lit）；
}
});
});

我的HTML，有一些不同的东西我不能改变，比如cssClass或者类似的东西

<div class="frmfield">
<WWTB:WWTextBox runat="server" ID="txtSearch" CssClass="tBox" LabelValue="Search"
 Text="Search" ErrorMessage="Please enter a" 
 ValidationType="NotBlank" ErrorClass="error"></WWTB:WWTextBox>
 <div class="frmbtnblock">
 here my button to add tags
 <asp:Button ID="btnAddTag" Text="Add tag" CssClass="btn btnRight" runat="server" />
 </div>
 </div>
 <div class="frmfield">
 <div id="my-carousel-2" class="carousel">
 <ul id="ulSelected">
 <%-- here my new li --%>
 </ul>
 </div>
 </div>

这里是我添加标签的按钮

$（'ul#ulSelected'）。附加（'
testInsert
）；

您可以使用jQuery构造一个新的

li

元素，通过编程设置其属性并将其附加到

ul

中

var $ul = $('#ulSelected');

$('<li>')
  .attr('value', 0)
  .addClass('color-' + num)
  .text('testInsert')
  .appendTo($ul);

var$ul=$（'#ulSelected'）；
$（“
”）
.attr（'value'，0）
.addClass（'color-'+num）
.text（'testInsert'）
.appendTo（$ul）；

---

我发现这种风格比在Javascript中包含HTML块更具可读性。

哪里是

#按钮

？你把密码放在哪里了？在

document.ready

？为什么使用：$（“#我的旋转木马ul”）.append（lit）；直接使用ul:$（'#ulSelected'）。追加（lit）；在这里工作很好-谢谢你的帮助，是的；我的按钮在文档中。准备就绪。@Jotch它应该是

$（'ulSelected'）

而不是

$（'ulSelected'）

var $ul = $('#ulSelected');

$('<li>')
  .attr('value', 0)
  .addClass('color-' + num)
  .text('testInsert')
  .appendTo($ul);