Javascript:location.replace 和 CSS 类

Question

我想将以下 HTML 翻译成 Javascript 函数:

<a class='example' href="../content/flash.html">Click Me</a>

基本上，我想通过JS复制点击链接的效果。

function doStuff()
        {
            location.replace('../content/ajax.html');
        }

上面的代码只是重定向到 ajax.html。

如何在重定向时通过 Javascript 激活 CSS 类“示例”？

我想这样做的原因:CSS 类“示例”在灯箱内显示了 ajax.html 的内容(准确地说是 Colorbox)。

Answer 1

获得这样的结果的最快方法是使用 jQuery，特别是它的 click() 处理程序和 ajax load() 函数:

HTML

<div id="contentArea"></div>
<a class="example" href="#">Click Me</a>

JQUERY

$(function () {

    $('a.example').click(function () { 
        $('#contentArea').load('../content/flash.html');   
        return false;
    });

});