为什么它可以在jsfidde中工作，但不能在我的浏览器中工作？

Question

请查看此jsfiddle：

在我的jsfiddle中效果很好

[在输入中输入文本时，会出现框]

但无法在我的浏览器上使用，但我使用的是safari，firefox和chrome最新版本。

有什么事？

HTML / JAVASCRIPT代码：

<html>
<head>

<script type="text/javascript" src="jquery-1.7.js"></script>
<script>
$(document).ready(function () {
(function watchInputForChanges(){
    var hasInput = $('.input1').val() != "";
    $('.box')[hasInput ? 'show' : 'hide']();
    setTimeout(watchInputForChanges, 100);
})();
});
</script>

<link href="cloud.css" rel="stylesheet" type="text/css" />

</head>
<body>

<div class="center1">
<form>
<input type="text" class="input1" autofocus="focus"  />
</form>
</div>

<br><br>

<div class="center1">
<div class="box">f</div>
</div>


</body>
</html>

Answer 1

我相信您需要添加以下内容：

$(document).ready(function () {
    //function name does not exist outside this scope
    (function watchInputForChanges(){
        var hasInput = $('.input1').val() != "";
        $('.box')[hasInput ? 'show' : 'hide']();
        setTimeout(watchInputForChanges, 100);
    })();
});

Drav Sloan指出您也缺少jQuery include

Answer 2

很抱歉没有回答直接的问题（简单地说：“为什么这不能在小提琴之外发挥作用？”），但我无法抗拒：不确定为什么要轮询更改；为什么？ 您可以将侦听器绑定到元素。 例如（在文档准备功能中...）

在HTML本身中：

<script src="/scripts/jquery.js"></script> <!--or wherever your script source is!!-->

然后，如果要将脚本放入同一页面（而不是外部）的标记中：

<script>
    $(document).ready(function () {
        (function() {
            $input = $('.input1');
            $box = $('.box');
            $input.on('keypress input paste', function() {
                if ($box.not(':visible') && $input.val() != "") {
                    $box.show();
                } else {
                    $box.hide();
                }
            });
        })();
    });
</script>

捕获手动输入或粘贴的输入。

http://jsfiddle.net/xNEZH/12/

为什么它可以在jsfidde中工作，但不能在我的浏览器中工作？

问题描述

2 个解决方案

解决方案1
1 2011-11-22 22:12:19

解决方案2
0 2011-11-22 22:45:11

为什么它可以在jsfidde中工作，但不能在我的浏览器中工作？

问题描述

2 个解决方案

解决方案1 1 2011-11-22 22:12:19

解决方案2 0 2011-11-22 22:45:11

解决方案1
1 2011-11-22 22:12:19

解决方案2
0 2011-11-22 22:45:11