.effect（'突出'）有点过分热心

Question

我的代码位于下方和此处：http://jsfiddle.net/CPLMu/51/

$timer = $('<input/>')
    .after($('<span class="ui-icon ui-icon-clock"></span>'))
    .appendTo('div')
    .effect('highlight', {color: 'green'}, 1000);

问题在于，虽然我只询问$timer到.effect('highlight')，但出于某种原因，<span>元素（此处为图标）也会突出显示！

有什么问题？这是一个错误吗？

Answer 1

像这样？ JSFiddle

$timer = $('<input/>')
    .appendTo('div')
    .effect('highlight', {color: 'green'}, 1000);

$('<span class="ui-icon ui-icon-clock"></span>')
    .appendTo('div');

我认为您应该将图标与输入分开...至少在代码中，因为高亮效果会突出显示链中的所有项目。

Answer 2

我假设你只想突出显示输入，试试这个：

$timer = $('<input/>').effect('highlight', {color: 'green'}, 1000)
.after($('<span class="ui-icon ui-icon-clock"></span>'))
.appendTo('div');

通过将effect放在链的末尾，您突出显示了跨度，因为它是从after函数返回的。