Javascript jQuery newsticker在单击时添加新列表工作不正常

我用的是这个，艾克

它工作得很好。现在，我尝试使用按钮

添加更多列表。add

在

ul

的最后一个按钮添加

突发新闻9

。但它并没有像预期的那样工作。如果我单击按钮添加，它将与另一个

li

一起显示，如果我单击多个按钮，它将显示重复的

突发新闻9

$（'.my-news-ticker-3'）.AcmeTicker（{type:'typewriter'，/*水平/水平/选框/类型*/
方向：'右'，/*上/下/左/右*/
速度：50，/*真/假/数字*/*用于垂直/水平600*/*用于字幕0.05*/*用于打字机50*/
控制：{
prev:$（'.acme news ticker prev'），/*可用于水平/水平/打字机*//*不适用于字幕*/
切换：$（'.acme news ticker pause'），/*可用于水平/水平/打字机*//*不适用于字幕*/
下一步：$（'.acme news ticker next'）/*可用于水平/水平/选框/打字机*/
}
});
$（'.add'）。在（'click'，function（）上
{
$（.my-news-ticker-3”）。追加（“
”）；
});

打字机
横向新闻










添加
此插件添加了
样式
，即：
显示：无；不透明度：0
动态添加到每个
lis
中，因此当您添加新的
lis
时，可以将其添加到
li
中。此外，当您使用
时，也可以将其添加到
.append（）
这将不会在
突发新闻8
之后追加
lis
，因为
lis
的位置正在发生变化，所以要仅在最后一个li之后追加新的lis，您可以使用数据属性，这将帮助我们查找最后一个li并在之后追加新的li

演示代码：


$（'.my-news-ticker-3'）.AcmeTicker({
键入：“打字机”，
方向：'对'，
速度:50,，
控制：{
上一页：$（“.acme news ticker prev”），
切换：$（'.acme新闻行情暂停'），
下一步：$（“.acme新闻行情下一步”）
}
});
$（'.add'）。在（'click'，function（）上{
var length=$（“.my-news-ticker-3 li”）.length+1//获取lis的长度
//获取最后一个lis的引用
var get_reference=$（“.my-news-ticker-3 li[data id=“+$（“.my-news-ticker-3 li”）.length+“]））
//插入新的lis
$（`li style=“display:none；opacity:0；”data text=“Breaking News${length}”数据ID='${length}'>`）。insertAfter（$（获取参考））
});

打字机
横向新闻










添加
您希望它做什么？它所做的正是代码所说的——在
News-ticker-3
中的当前元素上附加一条硬编码消息“突发新闻9”。