javascript - Jquery 更改功能不起作用 wordpress 管理仪表板

Question

我正在研究基于 WordPress 的帖子格式选择选项。试图获取所选选项的值。但是更改方法不起作用。不给警报值也测试警报。我的代码如下，

(function (jQuery){
    "use strict";
    jQuery(document).ready(function () {

        jQuery("#post-format-selector-0").change(function () {

            var selectedVal = $("#post-format-selector-0:selected").val();

            alert("Hi, your favorite programming language is " + selectedVal);

            alert("Hi, your favorite programming language is PHP ");

        });

    });
})(jQuery);

Answer 1

您在更改 函数中使用了$ 别名。尝试将您的代码更改为:

(function ($){
    "use strict";
    $(document).ready(function () {

        $(document).on('change','#post-format-selector-0',function(){

            var selectedVal = $("#post-format-selector-0:selected").val();

            alert("Hi, your favorite programming language is " + selectedVal);

            alert("Hi, your favorite programming language is PHP ");

        });

    });
})(jQuery);

编辑:如果您在 header 中对脚本进行排队，即使您有多余的 ready 函数，select 元素也可能不会在设置 change 函数之前加载。将 on 函数分配给 document(或者最好是最近的父级)允许它在 select 最终出现时触发。