jquery - Grails RemoteFunction 使用具有 Jquery 的模板更新 View ，确实可以识别模板中的元素

Question

我有一个带有按钮的 View ，当单击它时，它会调用remoteFunction(ajax Call)来使用具有与其关联的jQuery函数的模板来更新div。但该 jQuery 函数无法识别更新后的 div 中的元素。因此 jQuery 函数无法正常渲染 View 。

我的观点看起来像

<input type="button" value="Something" id="someButton" class="button" onclick="someFunction()"/>
<div id="updateDiv"> </div>

单击按钮时调用的 js 看起来像

function someFunction() {
    ${remoteFunction(controller:'myController', action:'someAction',update: 'updateDiv'
    )};     
    functionForJQuery();
}
function functionForJQuery(){
    var $someThing = $('.someClassName');
}

在myController中，

def someAction= {
    //doSomething
    render (view:"/templates/_myTemplate")
}

最后_myTemplatetemplate，

<g:textField class="someClassName" value="someValue" />

但是就像我上面所说的，当调用 functionForJquery 时，它无法识别该 textField。有人可以帮我解决这个问题吗？

我也尝试过 onComplete 或 after 的 RemoteFunction。

Answer 1

查看要在选择器中使用的 jQuery .on(jQuery 1.7 或更高版本)函数或 .delegate(1.7 之前的版本)函数。这些将处理程序附加到页面首次加载时或动态添加的选定元素。像这样的事情:

function functionForJQuery(){
    $('body').delegate(".someClassName", "click", function() {
       //do whatever here
    });
}

这会将函数附加到 body 中具有 someClassName 类的元素到 click 事件。