[英]using jqtree and jquery ui tabs
我正在嘗試使用編輯器和其他東西創建文檔管理。
我得到以下代碼:
<script src="js/ide/lib/codemirror.js"></script>
<link rel="stylesheet" href="js/ide/lib/codemirror.css">
<!-- Tree -->
<div class="masterAdmin">
<div class="masterAdminNavigation float_left" id="tree">
<div id="ideFS" data-url="{link modul="ide" operation="home" action="tree"}"></div>
</div>
<div class="masterAdminContent float_left">
<div id="tabs">
<ul></ul>
</div>
</div>
</div>
<script>
{literal}
$(function(){
var tabCounter = 0;
tabTemplate = "<li><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close' role='presentation'>Remove Tab</span></li>",
$('#ideFS').tree({
saveState: 'ideFStree',
});
var tabs = $( "#tabs" ).tabs();
$('#ideFS').bind(
'tree.click',
function(event){
var node = event.node;
//node type: node.class
var li = $( tabTemplate.replace( /#\{href\}/g, "{/literal}{link modul="ide" operation="editor" action="edit"}{literal}?fileid="+node.id ).replace( /#\{label\}/g, node.name ) );
tabs.find( ".ui-tabs-nav" ).append( li );
tabs.tabs( "refresh" );
}
);
tabs.delegate( "span.ui-icon-close", "click", function() {
var panelId = $( this ).closest( "li" ).remove().attr( "aria-controls" );
$( "#" + panelId ).remove();
tabs.tabs( "refresh" );
});
});
{/literal}
</script>
到目前為止,它仍然有效。 它將打開一個新選項卡,並將代碼加載到編輯器中。 唯一的問題是,默認情況下不會打開這些標簽頁。 您必須單擊第一個選項卡將其打開。 我真的不明白這個問題,因為它加載時沒有任何問題。 ????
這里的問題是標題中的基本路徑。 我刪除了它,所有問題都解決了^^
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.