javascript - Jquery 选项卡 - 使用 onclick 函数获取内容

Question

通过 Ajax 获取外部内容后，我想获取内部内容。为此，我尝试使用 onclick 但它不起作用。我有一个错误说:

XMLHttpRequest cannot load javascript:void(0);. Cross origin requests are only supported for HTTP.

HTML:

<div id="tabs">
<ul>
    <li><a href="#tab1">tab1</a></li>
    <li><a href="#tab2">tab2</a></li>
    <li><a href="javascript:void(0);" onclick="javascript:loadTest();">tab3</a></li>
</ul>
<div id="tab1">
     <p>blabla</p>      
</div>  
<div id="tab2">
     <p>blabla</p>      
</div>
</div>

JQUERY:

function loadTest(){
    return "this content must be displayed tab3";
}

如何从客户端获取任意数据放入tab3对应的div中

Answer 1

因为您已经在使用 jQuery UI Tabs , 我建议你使用 activate events .

$(function () {
    $("#tabs").tabs({
        activate: function (event, ui) {
            alert(loadTest());
        }
    });
});

JSFiddle