javascript - 在页面上多次使用时 WordPress 短代码的唯一 ID？

Question

我目前正在编写 WordPress 短代码，其中涉及一些 jquery。为了使 jquery 正常工作，我需要使用具有唯一 #ID 的 div。如果短代码使用一次，它可以正常工作，但如果他们在页面上多次使用短代码，就会破坏 javascript。

所以，我想知道是否有某种方法可以在每次调用短代码时使用唯一的 ID？或者如果短代码在页面上多次使用，可以通过某种方式获得不同的 ID？

假设我有简码功能

function my_shortcode() { 
 $my_shortcode='<div id="demo">My content</div>'; 
 return $my_shortcode;
} //end function 

和jquery

 $("#demo").click(function{

    autoplay: true,
});

Answer 1

您可以使用静态变量

static $i = 1;
$i++;

并将其用作 ID 的一部分

return "<div id='shortcode-div-{$i}'></div>";