jQuery以两个通配符类为目标
jQuery以两个通配符类为目标
提问于 2017-08-24 22:15:43
是否可以在jQuery中使用/目标两个通配符类？在同一个变量中，所以我不需要创建两个变量，因此两个函数做同样的事情。
我怀疑这可能是以下原因，但这并不起作用：
var triggers = $('[class^="polaroid-carousel__"].trigger', '[class^="polaroid-carousel__"].trigger');当前代码：
var triggers = $('[class^="polaroid-carousel__"].trigger');
var triggers2 = $('[class^="social-wall__"].trigger');
$(triggers).each(function() {
$(this).on('click', function() {
$('#modal-holder').modal('show');
var triggerTarget = $(this).data('target');
$(triggerTarget).show();
$('#modal-holder').on('hidden.bs.modal', function () {
$(triggerTarget).modal('hide');
});
})
});
$(triggers2).each(function() {
$(this).on('click', function() {
$('#modal-holder').modal('show');
var triggerTarget = $(this).data('target');
$(triggerTarget).show();
$('#modal-holder').on('hidden.bs.modal', function () {
$(triggerTarget).modal('hide');
});
})
});编辑：
有了到目前为止提供的答案，我才意识到现在当其中一个被点击时，它同时触发了两个。它需要触发一个或另一个，而不是同时触发两个，我只是意识到这是一个设置上的错误。
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-08-24 22:22:07
只需将选择器组合成一个选择器...
var $triggers = $('[class^="polaroid-carousel__"].trigger, [class^="social-wall__"].trigger');
$triggers.on('click', function() {
$('#modal-holder').modal('show');
var triggerTarget = $(this).data('target');
$(triggerTarget).show();
$('#modal-holder').one('hidden.bs.modal', function () {
$(triggerTarget).modal('hide');
});
});
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45863986
复制相关文章
相似问题
腾讯云开发者
