使用jQuery访问媒体模式中的html元素

时间:2019-08-28 作者:Michael_H

我使用以下代码将所需属性添加到textarea标记中
HTML:

<label class="setting" data-setting="caption">
        <span class="name">Beschriftung</span>
        <textarea></textarea>
</label>
JavaScript:

jQuery(function(){
       jQuery("label[data-setting=\'caption\']").find("textarea").prop(\'required\',true);
});

https://jsfiddle.net/qp30Ljvo/

当我将图像添加到post wordpress中的文本字段时,会打开媒体模式。

当我用右键单击->检查来检查媒体模式时,我可以导航到以下HTML元素。

<label class="setting" data-setting="caption">
        <span class="name">Beschriftung</span>
        <textarea></textarea>
</label>
如何使JavaScript代码在媒体模式上运行jQuery函数?

media modal

1 个回复
SO网友:Abe Caymo

(function($){
//since only one label with data-setting=\'caption\' exists, use this selector
    $("[data-setting=caption]").children(\'textarea\').attr(\'required\', true);
    })(jQuery);
由于这些标签不在<form> 要素

相关推荐

依赖jQuery的脚本忽略$in_footer bool,并且在页眉中不起作用

我的插件使用以下方法将脚本排入jQuery依赖项中:wp_enqueue_script( $plugin_short_slug, plugins_url() . \'/\' . $plugin_slug . \'/js/\' . $plugin_slug . \'.js\', \'\', array(\'jquery\'), \'\', true); 如果我在子主题中使用它,在子主题中我将默认WordPress jQuery出列并从页脚中的CDN加载jQuery,那么jQuery和我的脚本都会落