jquery - 使用 jquery 选择 Elementor 插件的设置项

Question

我开发了一个名为高级轮播的小部件。在那里，我为从 Elementor 库加载的轮播项目使用了select2设置字段。当模板在Elementor Libray中发布并刷新轮播编辑器页面时，该发布的模板将填充到该 select2 设置字段中。

在编辑器页面中，我保存了一个模板，然后该模板不会直接填充。为了克服这个问题，我使用了 jquery ajax。但问题是“单击保存模板按钮后，在成功功能中，我无法选择要附加新项目的选择字段。”

我试过这种方式来检查

(function( $ ) {

    $(document).ready( function() {

    $('.elementor-control-premium_carousel_slider_content select[data-setting=premium_carousel_slider_content] ').css('width', '60px !important');
    // not selecting this element


    $('body').on('click', 'button#elementor-template-library-save-template-submit',
        { name:'elementor-control-premium_carousel_slider_content select[data-setting=premium_carousel_slider_content' }, function( event ) {
            console.log( $('.' + event.data.name ).length );
      // logs 0 which mean that element does not exists in document. Coming from another javascript code
    });
   });

})(jQuery);

我怎样才能摆脱这个问题？请问有什么想法吗？

Answer 1

请试试这个

$('.elementor-select2[data-setting=premium_carousel_slider_content]').each(function(index){
   alert($(this).html());
});

我等你的反馈