的jQuery - 触发自定义事件的链接

Question

我试图运行这个自定义“getOffer（）”使用jQuery

<a href="javascript: void getOffer();" title="Submit for offer"><img src="images/img.jpeg"></a> 

我曾尝试以下，但它似乎没有工作的情况下（我使用Firefox的Firebug的console.log窗口）

$('a[title="Submit for offer"]').trigger('getOffer'); 

这是我在尝试这一页：http://bit.ly/1dpIMFk 任何人都可以提出任何想法？

Answer 1

<a href="javascript: void getOffer();" title="Submit for offer"><img src="images/img.jpeg"></a> 

$(document).ready(function(){ 
    $('a[title="Submit for offer"]').trigger('getOffer'); 
}); 

function getOffer(){ 
alert('link clicked'); 
} 

似乎工作正常我认为你没有包装你的事件触发器在文档准备好。 DEMO

Answer 2

您可以使用

<a href="#" onClick="getOffer();"><img src="images/img.jpeg"></a> 

Answer 3

jQuery的创建自定义事件

首先是一些标识（ID /类）添加到您的链接

<a id="linkOffer" title="Submit for offer"><img src="images/img.jpeg"></a> 

然后，创建您的CUSTOM事件。

//The function that will to the getOffer things 
function getOffer() { 
    //Do get offer... 
} 

$(document).ready(function(){ 

    //Custom event pointing to the function 
    $('a#linkOffer').on('getoffer',getOffer); 

    //Default click event 
    $('a#linkOffer').on('click',function(e){ 
     //Do click stuff. 

     //Trigger your custom event. 
     $(this).trigger('getoffer'); 

     //If you wish to not move the page, prevent the default link click behavior (moveing to other page) 
     e.preventDefault(); 
    }); 
}); 

Answer 4

触发器将不起作用，因为它在元素中搜索click属性。解决此问题的方法是：

向该元素添加click属性，然后调用jquery函数。

<a href="javascript: void getOffer();" title="Submit for offer"></a> 
    <button value="yu" onclick="getOffer();"/> 
<script> 

$("a[title='Submit for offer']").attr("onclick",$("a[title='Submit for offer']").attr('href')); // get value from href 
$("a[title='Submit for offer']").trigger('click'); 


function getOffer() 
{ 
    alert('j'); 
} 
</script>