0

我遇到了一个意外错误，我在调试时遇到了一些烦人的问题。我得到的错误是这样的：

Uncaught SyntaxError: Unexpected token }

这是 HTML：

<html>
<head>
<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
</head>
<body>

<form class="search" action="search" method="get">
<input type="text" id="search-string" />
<button type="button" onclick="return clearInputValue( $("#search-string") )">
<span class="clear-icon"></span>
</button>
</form>

 <script>
 var  clearInputValue = function(a) {

 // Ultimately I will check if the object passed to this function has a value greater than 1, and if so, I will clear the input

   return false;

 };

 </script>


</body>
</html>
4

2 回答 2

2

您需要使用一组不同的引号。

<button type="button" onclick="return clearInputValue( $('#search-string') )">

注意单引号。

此外，作为旁注，不鼓励使用内联 javascript。将您的内容 (html) 与您的行为 (javascript) 分开会更好，就像您对演示文稿 (css) 所做的那样。

于 2012-05-29T00:24:31.013 回答
2

一方面，您只是提前终止了字符串。将其更改为：

onclick="return clearInputValue($('#search-string'))"

其次，您应该使用 jQuery 来附加事件。

$(function(){

    function clearInputValue(a) {
        return false;
    };


    $('button').on('click',function(){
        clearInputValue($('#search-string'));
    });

});
于 2012-05-29T00:26:09.067 回答