Question

我正在尝试将javascript事件附加到光滑的滑块的“下一步”和“后退”按钮上。我尝试检查页面，查看它们的名称并在这些类上调用事件，但它无法识别click事件。

这是我要调用的函数：

int

我也尝试过使用var data = { "symbol": "FB", "financials": [{ "reportDate": "2017-12-31", "totalAssets": 84524000000, "totalLiabilities": null, "shareholderEquity": 74347000000, }, { "reportDate": "2016-12-31", "totalAssets": 64961000000, "totalLiabilities": null, "shareholderEquity": 59194000000, }, { "reportDate": "2015-12-31", "totalAssets": 49407000000, "totalLiabilities": null, "shareholderEquity": 44218000000, }, { "reportDate": "2014-12-31", "totalAssets": 39966000000, "totalLiabilities": null, "shareholderEquity": 36096000000, } ] }; data.financials.forEach(item => item.totalLiabilities = item.totalAssets - item.shareholderEquity); console.log('Updated: ' + JSON.stringify(data));，但也没有用

Answer 1

需要添加 .on（）方法来单击按钮。这是因为这些下一个和上一个箭头按钮是由slick.js稍后添加到DOM中的，而 .on（）可以处理来自以后添加到文档中的后代元素的事件。

$('body').on('click', '.slick-arrow', function () {
    alert('click working')
})

here is the codepen example

Answer 2

$('.slick-next').click(function(e){
  console.log(e.target);
  $('#people').css('filter', 'none');
})

Answer 3

$('button.slick-next').click(function(e){
   console.log(e.target);
   // Action here
});

Answer 4

我最终不得不接触到身体，然后接触到光滑的下一个按钮，因为它是一个伪造的元素，并且在不先说出它在哪里的情况下才被JS所发现。

如何将点击事件附加到光滑的JS滑块下一个按钮

4 个答案: