2010-11-18 23 views
1

リンクをクリックしたときにdivの「更新」をトリガーすることはできますか?私はdivの広告サーバーにjs呼び出しを埋め込んだので、リンクに多くのパラメータがあるため、.loadを取得することができず、これが私が思いつく最善の解決策です。理想的には、リンク(変更タブ)をクリックするたびに、スクリプト(広告コンテンツ)を更新してページの更新時と同じように別の広告を再読み込みすることをおすすめします。これはjqueryで可能ですか?リンクをクリックして外部スクリプトを再読み込み

HTMLリンク

<ul id="flowtabs"> 
    <li><a id="t1" href="#Brokers">Brokers</a></li> 
    <li><a id="t2" href="#Education">Educators</a></li> 
    <li><a id="t3" href="#Third-Party-Add-Ons">3rd Party Add-Ons</a></li> 
    <li><a id="t4" href="#NinjaScript-Consultants">NinjaScript Consultants</a></li> 
</ul> 

の広告コンテナが

<div id="quoteContain"> 
<!-- AdSpeed.com Serving Code 7.9.5 for [Zone] Testimonial 200x600 --> 
    <script type="text/javascript" src="http://g.adspeed.net/ad.php?do=js&amp;zid=XXXX&amp;wd=200&amp;ht=600&amp;target=_top"></script> 
    <noscript><iframe width="200" height="600" src="http://g.adspeed.net/ad.php?do=html&amp;zid=XXXXXX&amp;wd=200&amp;ht=600&amp;target=_top" frameborder="0" scrolling="no" > 
    <a href="http://g.adspeed.net/ad.php?do=clk&amp;zid=XXXXXX&amp;wd=200&amp;ht=600&amp;pair=as" target="_top"> 
    <img style="border:0px;" src="http://g.adspeed.net/ad.php?do=img&amp;zid=XXXXXX&amp;wd=200&amp;ht=600&amp;pair=as" alt="i" width="200" height="600"/></a></iframe> 
    </noscript><!-- AdSpeed.com End --> 
<!-- /quoteContain --></div> 

あるJS

$("ul#flowtabs li a").click(function){ 
    //need it to refresh here 
    $("#quoteContain").html(data); 
}); 
+0

コードを投稿してください。 –

+0

@Andy E - 申し訳ありませんコードが掲載されています。 thx –

答えて

1

「divをリフレッシュする」というようなことはありません。

これらの(自分のデータソースからのデータの新しい要求トリガーのように)「リフレッシュ」することができ、私の頭の上からコンポーネントです:画像、CSSスタイルシート、フラッシュ埋め込み機能など

あなた可能性このdivを "複製"して、domから削除して、もう一度追加してください。しかし、私はそれが動作するのか分からない。

var clone = $("#yourdiv").clone(); 
$("#yourdiv").replaceWith(clone); 
0

はい、それは(AJAX要求を使用して)のdivを更新することも可能です。アヤックスのない

例:あなたのコンテンツを挿入する場合には

<div id="xxx"></div> 

新しいコンテンツがネット経由でアクセス可能である場合には、

$('#xxx').load('/path/to/xxx.html'); 

ような何かをdelieverd AJAX要求を使用している - 使用結果をdivや他のhtml要素にロードする

+0

@Thariama - $ .ajax {$( "#quoteContain")。load(url?params)}のようなもの?私はそれを更新する方法に従うかわからない。 thx –

+0

私のコードを更新しました – Thariama

+0

@Thariama - divで使用しなければならなかった元のコードを元に戻すことができませんでした - –

0

DOMにコンテンツを読み込むjQueryを使用することは非常に簡単です。

function adContainerRefresh() { 
    $('#adCoontainer').clear().load(adServerUrl); 
} 

$('foo').click(function() { 
    adContainerRefresh(); 
    /* ... */ 
}); 
関連する問題