点击功能上的jQuery按钮不起作用

Question

我是前端编程的新手，并且在项目（boostrap，grails，jquery）上使用了多种新技术（对我而言）。 因此，对于有经验的字体最终开发人员来说，以下问题可能是不费吹灰之力的，所以请幽默我。

问题：我无法弄清楚为什么对我而言，jQuery Scrip中的button.click函数没有触发。 既不会触发警报，也不会触发对URL的实际ajax调用。 .gsp文件的主体标签（包括脚本）在下面。 救命！

<body>
    <div id="top"/>
    <div class="container-fluid">
        <div class="row">
            <div class="col-xs-1"></div>
            <div class="col-xs-10">
                <div class="input-group">
                    <input id="searchQuery" type="text" class="form-control" placeholder="${message(code: 'search.enterquery', default: 'Enter query')}" >
                    <span class="input-group-btn">
                        <button id="searchButton" class="btn btn-default" type="button"><g:message code="search.search" /></button>
                    </span>
                </div>
            </div>
            <div class="col-xs-1"></div>
        </div>
        <div class="row">
            <div id="searchResults">
                Results will appear here
            </div>
        </div>
    </div>
    <script type="text/javascript" language="javascript">
        $(document).ready(function(){
            $("#searchButton").click(function() {
                alert("button was clicked");
                $.ajax({
                    type: "POST",
                    url: "${g.createLink(controller:'library',action:'search')}",
                    dataType: 'html',
                    data: { query: $("#searchQuery").val()},
                    success:function(result){
                        $("#searchResults").html(result);
                    }
                    error:function() {
                        $('#searchResults').text('An error occurred');
                    }
                    complete:function() {
                    }
                });
            });
        });
    </script>   
</body>

Answer 1

成功和错误回调后，您错过了逗号（，）。

success:function(result){
    $("#searchResults").html(result);
},   //here
error:function() {
    $('#searchResults').text('An error occurred');
}, //here
complete:function() {
}

点击功能上的jQuery按钮不起作用

问题描述

1 个解决方案

解决方案1
3 已采纳 2016-03-27 17:37:02

点击功能上的jQuery按钮不起作用

问题描述

1 个解决方案

解决方案1 3 已采纳 2016-03-27 17:37:02

解决方案1
3 已采纳 2016-03-27 17:37:02