在jQuery UI的演示网页上，“查看源代码”链接的源代码是什么？

Question

在jQuery UI的演示网页here中间，打开并关闭源代码窗口的“查看源”链接的源代码是什么？

Answer 1

这只是他们脚本中隐藏和显示源div的函数：

if ($('#demo-source').length == 0) {
    $('<div id="demo-source"><a href="#" class="source-closed">View Source</a><div><pre><code></code></pre></div></div>').insertAfter('#demo-notes');
    $('#demo-source').find("> a").click(function() {
        $(this).toggleClass("source-closed").toggleClass("source-open").next().toggle();
        return false;
    }).end().find("> div").hide();
}
$('#demo-source code').empty().text(source);

You can view the full script here，它通过当前页面的ajax（$.get()抓取代码，或者当您单击右侧的演示链接时，抓取该代码），将其格式化以便显示，然后传递它进入该功能，在页面的正确位置插入“查看源”div / link。