Question

我有这个jQuery代码，我想要单独工作。我的问题是，有没有一种方法可以将它们组合在一起并仍然有用？

$('#truck_brand').poshytip({className: 'tip-yellowsimple', showOn: 'focus', alignTo: 'target', alignX: 'right', alignY: 'center', offsetX: 5});
$('#truck_brand').focus(function() { $('#brand_error').poshytip('hide'); });

Answer 1

您始终可以缓存一个或多个dom元素的jQuery实例：

var $truckBrand = $('#truck_brand');
$truckBrand.poshytip({className: 'tip-yellowsimple', showOn: 'focus', alignTo: 'target', alignX: 'right', alignY: 'center', offsetX: 5});
$truckBrand.focus(function() { $('#brand_error').poshytip('hide'); });

.focus还允许您链接对jQuery实例的附加调用：

$('#truck_brand')
   .focus(function() { $('#brand_error').poshytip('hide'); })
   .poshytip({className: 'tip-yellowsimple', showOn: 'focus', alignTo: 'target', alignX: 'right', alignY: 'center', offsetX: 5});

Answer 2

怎么样：

$('#truck_brand').poshytip({className: 'tip-yellowsimple', showOn: 'focus', alignTo: 'target', alignX: 'right', alignY: 'center', offsetX: 5}).focus(function() { $('#brand_error').poshytip('hide'); });

如何将两个事件合并到选择器？

2 个答案: