0

jQueryを使用して、このカスタム「getOffer()」イベントを実行しようとしています

<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 誰かアイデアを提案できますか?

4

4 に答える 4

1

jQuery でのカスタム イベントの作成

まず、リンクに識別子 (id/class) を追加します

<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();
    });
});
于 2013-08-28T11:33:28.137 に答える
1

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>
于 2013-08-28T11:49:10.837 に答える
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');
}

私にとってはうまくいっているようです。イベントトリガーをドキュメントの準備ができていないと思います。 デモ

于 2013-08-28T11:16:56.760 に答える
1

使用できます

<a href="#" onClick="getOffer();"><img src="images/img.jpeg"></a>
于 2013-08-28T11:17:18.130 に答える