如何在输入按钮中触发?

时间:2011-08-03 16:41:13

标签: jquery forms input

我有一个输入按钮:

<input type="submit" value="" class="hidde" name="free"  id="helpdiv" onmouseover="this.style.background='url('../images/thank_you/thank.png');'" onmouseout="this.style.background='url('../images/thank_you/thank_you.png');'" style="width: 236px; height: 127px;">

和一个有事件的jQuery脚本:

onlike:function(response){
    $('.uncontent').hide('fade');
    $('input#helpdiv').trigger('click');
}

当该函数触发时,我也希望触发输入按钮。 该函数正在运行,因为$('.uncontent').hide('fade');被触发

任何想法?

修改

$('input#helpdiv').trigger('click')

$('input#helpdiv').click()

由于某种原因不起作用

2 个答案:

答案 0 :(得分:4)

...试

$('#helpdiv').click();

如果您尝试通过此按钮提交表单,请选择<form>元素并在其上调用submit()....

$('#helpdiv').parents('form').eq(0).submit();

答案 1 :(得分:1)

你的触发器很好。你的鼠标悬停事件中有一些时髦的引用。这就是为什么我们应该避免这样做。

id="helpdiv" onmouseover="this.style.background='url('../images/thank_you/thank.png');'" 

请参阅background='url('..

试试这个:

<强> HTML:

<input type="submit" value="" class="hidde" name="free" id="helpdiv" style="width: 236px; height: 127px;" />

<强> JQuery的:

$('#helpdiv').hover(function(){
    $(this).css('background-image','url("../images/thank_you/thank.png")');
},function(){
    $(this).css('background-image','url("../images/thank_you/thank_you.png")');
});

// Test it
$('#helpdiv').click(function(){
    alert('helpdiv clicked');
});

下一步也是抽象你的CSS;)