Question

我的网站上有几个元素，其中有一个数据集元素。我不想使用几个新的数据集元素，而是要使用1个数据集元素，这些元素可以根据设置具有多个值。如何像下面的示例一样用jquery触发？

$('[data-trigger=click]').on('click', function(e) {
  alert('yes it works');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div data-trigger='["click", "impression", "someother"]'>

Answer 1

您可以使用*=，以便选择器将检查data-*是否包含your_string：

$('[data-trigger*="click"]').on('click' , function(e){
    alert('yes it works');
});

$('[data-trigger*="click"]').on('click', function(e) {
  alert('yes it works');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div data-trigger='["click", "impression", "someother"]'>DIV CONTENT</div>

热点是使用值作为数组的数据集触发点击事件

1 个答案: