Multiple widgets in wordpress

时间:2013-01-18 作者:Joby Joseph

我已经创建了一个wordpress小部件。它在小部件选项中有一个下拉列表。下拉列表包含“facebook”和“twitter”。如果管理员选择“twitter”,那么twitter关注者计数将显示在小部件中,与facebook的情况类似。

使用jquery,该计数显示在id为“social count”的div中。当页面加载时,jquery ajax将获取计数并将其插入到“社交计数”中。

问题是它在单个实例中运行良好。但是,如果在侧栏中添加了2个实例,则在这两个实例中都会显示最新的计数,因为我使用的是$(“.social count”)。html(计数);

现在,如何使用jquery将计数分配给相应的小部件区域?

2 个回复
SO网友:Mike Madern

尝试生成div,使其具有一个值,该值可以明确加载的内容类型,例如:

<div class=\'social-count\' role=\'facebook\'></div>
<div class=\'social-count\' role=\'twitter\'></div>
然后,通过jQuery将其更改为该值,例如:

$(\'.social-count[role="facebook"]\').html(count);
$(\'.social-count[role="twitter"]\').html(count);

SO网友:Rohit Pande

您可以通过小部件的实例创建唯一ID,例如使用小部件的标题。

例如:。

<div id=\'social-count-instance1\'></div>     // instace1 should be replaced by widget title.
然后,通过jQuery,通过该类更改它们。

$(\'#social-count-instance1\').html(count);

OR

您可以按DOM结构的层次结构来处理social count div。将通过标题属性为您使用的每个小部件分配一个特定的类。

因此,您可以像这样使用它:

$(".social-count-widget #social-count").html(count); // .social-count-widget 可以根据小部件的标题进行更改。

OR

您可以为每个实例创建单独的div,并为div分配不同的类,以使其具有一个值,该值可以明确加载的内容类型,例如:

<div class=\'social-count social-count-facebook\'></div>
<div class=\'social-count social-count-twitter\'></div>
然后,通过jQuery,通过该类更改它们。

例如:

$(\'.social-count-facebook\').html(count);
$(\'.social-count-twitter\').html(count);

结束

相关推荐

自定义字段后端的jQuery

我需要一些帮助,因为我想在编辑后屏幕上的一些自定义字段上使用jquery(可能还有css)。我真正需要的是制造,和。当用户键入一个数字时,神奇地显示为apear:类型100,jquery将其设置为1,00,依此类推。我使用插件类型创建的自定义字段名为wpcf imovel preco。我不知道如何使用jquery操作后端的元素:(,仅此一点就很有帮助,所以我知道从哪里开始!