Java 调用wicket ajax提交按钮后如何调用jquery函数

我有一个带有提交按钮的表单，但这是由Wicket的AjaxButton类实现的。当HTML页面呈现时，Wicket会为提交按钮动态保留一个javascript onClick方法

---

我想在Wicket的onClick方法完成后使用JQuery执行一些操作。如何做到这一点？

如果您做得对，使用JQuery或任何其他JavaScript库都会像wicket中的符咒一样工作

protected void onClick(AjaxRequestTarget target){
   target.appendJavascript("alert('hello');");
)

首先，您需要确保库存在。你通常是用一只手

（将其放入构造函数或动态初始值设定项或中）

那么，你需要确保

您的组件具有id（使用）和

您在中使用了正确的id JQuery函数（始终通过检索id）

下面是一个按钮在单击时变为蓝色的示例：

add(new AjaxButton("id"){

    private static final long serialVersionUID = 1L;

    @Override
    protected void onSubmit(AjaxRequestTarget target, Form<?> form){
        target.appendJavascript(
            "$('#" +getMarkupId() +"').css({'background':'blue'})");
    }
}.setOutputMarkupId(true));

添加（新的AjaxButton（“id”）{ 私有静态最终长serialVersionUID=1L； @凌驾 提交时受保护的void（AjaxRequestTarget目标，表单）{ target.appendJavascript( “$（'#“+getMarkupId（）+”）.css（{'background'：'blue'}）”； } }.setOutputMarkupId（true））；

---

在JavaScript中，如果传递任何JQuery函数名，则该函数不起作用。对于像alert这样的简单Java脚本来说是可以的。如果它不起作用，您可能是做错了什么。应该是这样的。（+1）感谢您的详细解释！

add(new AjaxButton("id"){

    private static final long serialVersionUID = 1L;

    @Override
    protected void onSubmit(AjaxRequestTarget target, Form<?> form){
        target.appendJavascript(
            "$('#" +getMarkupId() +"').css({'background':'blue'})");
    }
}.setOutputMarkupId(true));