アンカーリンクをクリックしてシミュレーションする方法

.jqueryのリンクをクリックしようとしています。誰かが次のことがうまくいかない理由を知っていますか？アンカーリンクをクリックしてシミュレーションする方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html lang="en"> 
    <head> 
    <title>test</title> 
    </head> 
    <body> 
    <div> 
     <a id="google_link" href="http://google.com" target="_blank">click to go to google</a> 
    </div> 
    <div id="google_link_proxy">click here to do the same as the link above</div> 

    <script type="text/javascript">  
    $("#google_link_proxy").click(function(event){ 
     $("#google_link").click(); 
    }); 
    </script> 
    </body> 
</html>

出典

2010-12-02 RayLoveless

'.observe（）'と '.fireEvent（）'？ハァッ？ jQueryはどこで学んだのですか？私は[この本]（http://www.amazon.com/jQuery-Action-Bear-Bibeault/dp/1933988355）を提案します。 [jQuery API documentation]（http://api.jquery.com/）も参照として優れています。 – BalusC

質問を編集してその本来の意味を変更しないでください。 – JCM

なぜこの世界であなたの質問に答えを追加していますか？このようにして、私たちは理解することはできません。あなたの問題は何だったのでしょうか？ –

あなたの$("google_link_proxy")セレクタがオフであるように見えます。試してください$("#google_link_proxy")。

また、オブザーバーコールを})で終了する必要があります。

これらの関数はデフォルトでjQueryで提供されているとは思われませんが、上記のコードでは構文エラーです。ここで

は、私はあなたが後にしていると思うものです：

$("#google_link_proxy").click(function(event){ 
    window.open($("#google_link").attr('href'),'_blank') 
});

出典

2010-12-02 17:57:24

これは私が使い終わったものです。私は$（ "＃..."）click（）がうまくいかない理由を知らない。ありがとう – RayLoveless

こんにちは、これはすべてのブラウザで正しくサポートされているかどうか分かりますか？ – mirosval

はい、私はそれがすべてのブラウザでサポートされていると思います。 –

使用click()はfireEvent

$("#google_link_proxy").click(
    function(){ 
     $("#google_link").click(); 
    } 
);

と観察jQueryのAPI

出典

2010-12-02 17:59:16 epascarello

arg ..私はこれらのタイプミスを修正しましたが、まだ動作していません。 – RayLoveless

'.observe（）'もjQuery APIの一部ではありません。 – BalusC

より良い例があるように編集しました。 FYI：ポップアップブロッカーがこれをブロックする可能性があります。 – epascarello

の一部ではない、あなたのjQueryのコードを持っていることを確認してください準備完了ブロック同様

すべてのコンテンツと画像が読み込まれた後、スクリプトが実行されるようにします。

出典

2010-12-02 18:31:52 pixelbobby

あなたはjQueryとネイティブのDOMを使用する場合は、アンカーは、jQueryのメソッドが完全にhrefを無視

// insert an <a> into document and click it **natively** 
// (.get(0) returns the DOM element) 
$('<a id="fred99" />').attr('href', '#david').attr('target', '_blank') 
.text('LINK').appendTo('body').get(0).click(); 

// now we've clicked, tidy up 
$('#fred99').remove();

出典

2012-11-15 21:02:02

IMO、これはjavascriptを使ってhrefの値を更新した既存のリンクをクリックしてもURLを開くことはできません。また、window.openを使用しないため、ポップアップブロッカーによってロックされません。このソリューションは完璧に動作します、ありがとう！ –

クリックすることができます。

$('#google_link').click(); // ignores href!

ネイティブDOMメソッドが正しいことを行います。

を

$('#google_link')[0].click();

これは、href URL、フラグメント（例： #blah）またはさらにはjavascript:である。

出典

2014-02-13 18:36:32

はい！または、その構文がうまくいけば、jQueryの '.get（）'メソッドを使いましょう：$（ '＃google_link'）。get（0）.click（）; ' –

これは間違いなく@MarkusAmaltheaMagnusonのコメント。みんなありがとう。 –

アンカーリンクをクリックしてシミュレーションする方法

答えて

関連する問題