javascript - 我想在渲染模板后使用onclick事件

Question

这是 Controller

    def findQuestionForSet(){
    def question = Questions.findAllBySetName(params.setName)
        println params.setName
        println question
        render(template: 'viewquestion', model: [questions : question])         

}

这是查看代码

<div id="viewquestion" class="show">
    <fieldset class="form">
        <g:render template="viewquestion" />
    </fieldset>
</div>

这是模板_viewquestion

 <g:each in="${questions}" var="question">
<g:formRemote name="editfrom" url="[controller: 'questions', action: 'editquestion']">
    <g:textField id ="text${question.id}" class="text" name="question" required="" disabled value="${question.question}"/>
    <g:textField id ="textset" name="setName" required="" disabled value="${question.setName}"/>
    <input type="button" class="edit" id="edit${question.id}" value="edit">
    <g:submitButton name="save"/>
</g:formRemote>
</g:each>

这是jQuery代码

    $(".edit").on("click", function(){

        var realid;
        realid = $(this).attr('id');
        alert(realid);

    });

可能这里是服务器端和客户端站点之间的冲突，谁能帮助我解决问题以及如何解决这个问题。

Answer 1

试试这个

$(document).on("click", ".edit", function() {}

希望它能解决您的问题，如果您想在加载后调用它，可以使用 $(window).load(function(){})但我认为上述解决方案将为您服务