Jqueryをクリックするとリンクのように動作するimgをクリックすると（リンクをトリガーする）

Question

Jqueryをクリックするとリンクのように動作するimgをクリックすると（リンクをトリガーする）

私は問題がある、私はいくつかの李を持って、それらの中に私はリンクと画像があります。私が望むのは、誰かがリンクを引き起こす画像をクリックするときです。私はリンクにイメージを置くことはできません、理由を尋ねないでください：）...だから基本的にはこのように見えます

sometext

...

そして私はこのようなことをすることを考えていた：

$(img).click(function(){
  var link = $(this).prev;
  $(link).trigger('click');
})

私はこれが正しくないことを知っていますが、私はあなたがあなたの助けに感謝の絵を持っていると思います。

2

追加された 27 10月 2011 〜で 06:54 著者 Mr. Sam 編集された 28 10月 2011 〜で 03:26

ビュー: 22

源

ro ru fr es pt de zh hi bn ar uk

なぜあなたはリンクにイメージを置くことができないのですか？

追加された 27 10月 2011 〜で 06:57, 著者 SliverNinja - MSFT, 源

何も他の人が動機を分かなければ、常に前提に挑戦してください。

追加された 27 10月 2011 〜で 07:11, 著者 SliverNinja - MSFT, 源

OPからの引用： "私はリンクにイメージを置くことはできません、理由を聞かないでください:)

追加された 27 10月 2011 〜で 07:00, 著者 Nettogrof, 源

5 答え

$('img').live('click', function() {
    $(this).closest('a').click();
});

0

追加された 27 10月 2011 〜で 07:09 著者 jbabey

源

あなたの質問に答えるなら、あなたは答えを受け入れるべきです:)

追加された 27 10月 2011 〜で 11:10, 著者 jbabey, 源

私はこれがまさに私が探していたものだと伝えなければなりません、お元気です...ありがとうございました。

追加された 27 10月 2011 〜で 07:15, 著者 Mr. Sam, 源

著者 Rob W · Answer 1 · 2011-10-27T06:56Z

Don't use jQuery, but simply move the closing tag at the right side of the tag:

sometext

HTMLを変更しない場合は、次のようにします。

$('img').click(function(){
    location.href = $(this).prev().attr("href");
});

コードレビュー

$(img) - img is not defined. Did you mean: $('img')? (added quotes, using selector img)
var link = $(this).prev; - prev is nto a property, but a method. It has to be invoked: var link = $(this).prev()
$(link).trigger('click'). Since link is a jQuery object already, it's unnecessary to wrap the object in another jQuery object. Use: link.trigger('click');
Flawed logic: .trigger('click') will not cause the page to be followed, because it doesn't trigger the default browser behaviour (following the link), but invokes the click event of the element. Which is not defined.

4

追加された 27 10月 2011 〜で 06:56 著者 Rob W

源

@ Mr.Sam私の答えでは2番目のコードブロックです。リンクをクリックするデフォルトの動作は、（たとえば） location.href = "http：// newurl";

追加された 27 10月 2011 〜で 07:12, 著者 Rob W, 源

@ Mr.Samリンクをトリガーする==ページをリダイレクトする。リンクにブックマークセット（ javscript：.. ）またはハッシュ（ #notleaving ）が含まれていても、ページはリダイレクトされず、あなたがリンクをたどっているなら。

追加された 27 10月 2011 〜で 07:18, 著者 Rob W, 源

はい、あなたの権利は大丈夫ですが、画像をクリックするとリンク上のクリックをどのようにシミュレートできますか？

追加された 27 10月 2011 〜で 07:05, 著者 Mr. Sam, 源

ありがとう、しかし、私はページをリダイレクトするだけでなく、リンクをトリガーする何かを探していた...しかし、とにかく感謝

追加された 27 10月 2011 〜で 07:16, 著者 Mr. Sam, 源

著者 Fiona - myaccessible.website · Answer 2 · 2011-10-27T06:58Z

あなたはおそらく次のようなもので逃げることができます

$(img).click(function()
{   
      var link = $(this).prev();   
      window.location.href = link.attr('href'); 
});

著者 Orry · Answer 3 · 2011-10-27T07:00Z

アンカーリンクと画像の両方にcssクラスを設定し、クラス名セレクタを使用してclickイベントをフックすることができます

$（ "。myclass"）。click（function（）{ //物事をする }）

0

追加された 27 10月 2011 〜で 07:00 著者 Orry

源

私はあなたのことを何かに思っているので、もう少し具体的にしてください。

追加された 27 10月 2011 〜で 08:13, 著者 Mr. Sam, 源

著者 Johan B.W. de Vries · Answer 4 · 2011-10-27T06:57Z

実際、それはうまくいくように見えます。 prevは関数であることに注意してください。

あるいは、あなたは次のようなことをすることができます

window.location = link.attr('href');