javascript - 创建 jQuery 插件对象后与其进行交互

Question

我有一个通过轮询更新哪些项目的代码。我为股票代码编写了一个简单的 jQuery 插件，调用方式如下:

$("#cont ul").ticker();

这会将 ul 变成滚动条，滚动浏览 li。要添加新项目，我必须将 lis 添加到 ul，这工作正常。然而，我内心的面向对象希望我可以在股票代码对象上有一个 addItem 函数。但是，我不想失去 jQuery 使用的可链接性。

是否有一些方法比将 ul 添加到列表中更明显，但适合 jQuery 的处理方式？

Answer 1

您应该做的是扩展插件的设置:

jQuery.ticker = function(settings)
{
var settings = 
jQuery.extend(
{
action : 'create',
item : $(this)
}
,settings);

return $(this).each(function(){
if(settings.action =='create')
{
  //initialize ticker..
}
else if(settings.action == 'add')
{
  //add to ticker.
}
}//end each.
}//end plugin.

$('#ticker').ticker(); //this will initialize it, no problem.

var settings1 = { action : 'add', item : $(expr1) }
$('#ticker').ticker(settings1);//this will execute the "add" action.