2013-08-26 46 views
0

我知道别人已经问过这个。 而且我尝试了其他人推荐的解决方案,但似乎并不奏效。删除输入字段jQuery的内容

这里是我的代码:

<!DOCTYPE HTML> 
<html> 
<head> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

<script type='text/javascript'> 
$('input:text').focus(
    function(){ 
     $(this).val(''); 
}); 
</script> 
</head> 
<body> 
<form> 
<input type="text" value="Text"> 
</form> 
</body> 
</html> 
+0

检查控制台查看是否有任何错误 –

+0

我推荐阅读一个基本的jQuery教程,该教程解释了如何设置jQuery:http://learn.jquery.com/about-jquery/how-jquery-works/。 –

+0

我在控制台得到这个错误:未捕获TypeError:对象#没有方法'sendMessage' –

回答

2

你想做些什么沿着

$(function() { 
    $('input:text').focus(function() { 
     $(this).val(""); 
    }); 
}); 

线条更没有$(function() {...有可能是您要火jQuery的它加载之前。

+0

仍然不起作用。在控制台中获取此错误: Uncaught TypeError:Object# has no method'sendMessage' –

+0

这不是与此问题有关的错误。我们不在这里调用sendMessage方法。这必须是来自应用程序其他地方的javascript错误。 – GaryDevenay

3

你的问题是,当jQuery代码运行的HTML还没有。因此,只有在加载页面时才需要运行jQuery,或者在<body>结束标记之前发布该脚本。

选项1(添加DOM准备调用侑功能):

$(document).ready(function() { 
    $('input:text').focus(function() { 
     $(this).val(""); 
    }); 
}); 

选项2(body标签结束前添加<script>

<!DOCTYPE HTML> 
<html> 
<head> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
</head> 
<body> 
<form> 
<input type="text" value="Text"> 
</form> 
<script type='text/javascript'> 
$('input:text').focus(
    function(){ 
     $(this).val(''); 
}); 
</script> 
</body> 
</html> 
+0

它的作品,非常感谢你! –

+0

@SpotifyBruger,请将此答案标记为正确 – Satpal