如何使用jquery更改data-pid的CSS元素

Question

我有一个由data-pid定义的实例数组，例如。 data-pid="0", data-pid="1", etc...

我试图在点击每个实例时更改容器的背景图像。

这是我正在使用的代码，但这似乎不起作用：

$( "div[data-pid='0']" ).one( "click", function() {
  $( "#primary .bcg" ).css( "background", "url(folder/path)" );
});

如果我将代码更改为页面上的特定元素，例如#primary而非div [data-pid='0']则可以正常工作。

任何人都知道如何克服这个问题？

提前感谢！

Answer 1

您正在使用一个事件处理程序，以便您的点击事件仅在第一次被触发。

试试这个：

$("div[data-pid='0']").on( "click", function() {
   $( "#primary .bcg" ).css( "background", "url(folder/path)" );
});