Question

我试图弄清楚我遇到的jQuery问题。

我在WordPress后端工作。我有两个div。第一个是输入文本，当单击“上载”按钮并选择图像时，该文本将填充图像URL。第二个div是无关紧要的，但基本上，当第一个输入文本div被填充时，我希望第二个显示。

现在，我试图做一些简单的事情：

if ($('#section-logo input').val() != '') {
    logo_position_section.show();
}

哪个工作正常，但只有在您单击“保存”并刷新页面后才会正常工作。

除非用户手动点击输入文本并输入内容，否则

focus()在这种情况下不起作用。

如何检查第一个div中是否存在实际值，但无需刷新页面而不必使用焦点？感谢。

Answer 1

绑定输入更改并执行负载检查。

$(function(){
   var showLogoPosition = function(el) {
        if(el.val() !== '') {
           logo_position_section.show(); 
        }
   },
   input = $('#section-logo input');
   input.change(function(){
       showLogoPosition($(this));
   });

   showLogoPosition(input);
})

Answer 2

也许使用jQuery更改事件

$('#section-logo input').change( function() {
    if ( $(this).val() !== "" ) {
        logo_position_section.show();
    }
}

jQuery检查没有空输入

2 个答案: