Question

单击链接时是否可以触发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);
});

Answer 1

没有“刷新div”这样的东西。

这些是我头脑中可以“刷新”的组件（如触发来自其数据源的新数据请求）：images，css样式表，flash嵌入等。

您可以尝试“克隆”此div，将其从dom中删除，然后重新添加。但我不确定它会起作用。

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

Answer 2

是的，可以更新div（使用ajax请求）。

没有ajax的例子：

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

如果您的新内容可以通过网络访问，请执行

之类的操作

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

如果你要插入的内容是使用ajax请求发送的 - 使用结果并将其加载到div或其他html元素中

Answer 3

使用jQuery将内容加载到DOM中非常简单。

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

$('foo').click(function () { 
    adContainerRefresh(); 
    /* ... */
});

链接点击时重新加载外部脚本

3 个答案: