0

在我的选项面板中，我有一个部分，用户可以在其中输入他们的 Twitter 用户名。目前，如果该字段的值为空，则 Twitter 图标会在我的网站上消失，这很好，因为这意味着 div 类已成功隐藏。但是，当我在字段中输入用户名时，div 类仍然保持隐藏状态。

这是我目前拥有的 jQuery：

<script type="text/javascript">
$(document).ready(function() {
if($('mytheme_twitter:empty')){$('.twitter').hide();}   
});
</script>

我认为它必须缺少一些东西。我需要添加另一个功能吗？如果是这样，我应该把它放在哪里？我有点 jQuery 菜鸟。

4

2 回答 2

4

首先:empty是这个用例的错误选择器。

:empty 选择所有没有子元素的元素（包括文本节点

更改逻辑以检查输入的值是否为空。

if($('.mytheme_twitter').val() === '' ){$('.twitter').hide();}

您需要编写一个更改事件来处理这种情况..

$('mytheme_twitter') has to be   $('#mytheme_twitter')  If ID OR $('.mytheme_twitter') If Class

//

 <script type="text/javascript">
    $(document).ready(function() {

        if($('.mytheme_twitter').val() == '' ){$('.twitter').hide();}  

        $('.mytheme_twitter').on('change' , function() {

             if( this.value != ''){

                   $('.twitter').show(); 
              }
              else{
                   $('.twitter').hide(); 
             }
        });
      });
    </script>
于 2012-10-08T16:27:00.473 回答
1

我会做这样的事情：

<script type="text/javascript">
    $(document).ready(function () {
        var twitter = $(".twitterTextBox").val();
        if(twitter == "") {
            $(".twitterIcon").hide();
        } else {
            $(".twitterIcon").show();
        }
    });
</script>

这仅在页面加载时检查输入。如果您希望 Twitter 图标在他们在文本框中输入内容后显示，那么您必须添加一个事件侦听器，例如onkeyup.

希望这可以帮助。

于 2012-10-08T16:34:34.730 回答