Question

我正在使用Wordpress网站。它安装了Buddypress，通过名为“Buddypress profile search”的小部件在侧栏上添加了个人资料搜索。

我正在尝试根据其他下拉列表值显示不同的选择下拉列表。我可以让代码在Jsfiddle.net上运行得很好。但是当我尝试将它添加到我的文件中时，它根本不会影响我的元素。我试图多次加载脚本和多个地方，但它不会工作。

我的HTML：

<select name="field_11" id="field_11">
<option value=""></option>
<option value="Counter Strike : Global Offensive">Counter Strike : Global Offensive</option>
<option value="Diablo 3">Diablo 3</option>
<option value="League of Legends">League of Legends</option>
<option value="World of Warcraft">World of Warcraft</option>
<option value="Overwatch">Overwatch</option>
</select>

<select name="field_118" id="field_118">
<option value=""></option>
<option value="Casual">Casual</option>
<option value="Mediocre">Mediocre</option>
<option value="Hardcore">Hardcore</option>
<option value="Ready for Esports">Ready for Esports</option>
</select>

我的jQuery

jQuery(function($){
 jQuery("#field_118").hide();
    jQuery("#field_11").change(function () {
        if (jQuery(this).val() == "Diablo 3") {
            jQuery("#field_118").show();
        } else {
            jQuery("#field_118").hide();
        }
    });
});

为什么我不能在WordPress的侧边栏上使用它？

Answer 1

试试这段代码。

jQuery(function($){
    jQuery("#field_118").hide();

    jQuery(document).on("change","#field_11",function () {          
            if (jQuery(this).val() == "Diablo 3") {
                jQuery("#field_118").show();
            } else {
                jQuery("#field_118").hide();
            }
    });

});

jQuery脚本不会影响我的元素WordPress

1 个答案: