BBCode不能正常工作

Question

我为我的PHP网站开发了一个BBCode来制作发布标签页。我使用单独的网页调试BBCode，发现没有错误;但是，发布页面没有显示出来。

的BBcode：

[tab1]{TEXT}[/tab1] 

HTML替换：

<div id="tabContainer"> 
<ul>  

</ul>  

</div> 

<script> 
var str = {TEXT}; 
var res = str.split("|"); 
var n = res.length/2; 
var j = 0; 
(alert n); 

$(document).ready(function() { 
    var tabs = $("#tabContainer").tabs(); 
    var tabCounter = 1; 


    for (var i=0; i<n; i++){ 

     var ul = tabs.find("ul"); 
     var current_idx = ul.find("li").length + 1; 

     $("<li><a href='#fragment-" + current_idx + "'>" + res[j] + "</a></li>").appendTo(ul); 

     tabs.append("<div id='fragment-" + current_idx + "'>" + res[j+1] + "</div>"); 
     tabs.tabs("refresh"); 
     tabs.tabs("select", 1); 
     j=j+2; 

    }; 

}); 
</script> 

在overallheader.html，添加以下代码：

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/ui-lightness/jquery-ui.css" type="text/css"></link> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.js"></script> 

例充裕：

<tab1>"1|Page1|2|Page2|3|Page3|4|Page4|5|Page5"</tab1> 

The Result of BBCODE

http://jsfiddle.net/rashlak/5GzR8/

Answer 1

我solved the issue myself :)

谢谢你们。

jQuery(document).ready(function($){ 

    str = $("li[id='xx']", "#tabContainer").text(); 
    $("li[id='xx']", "#tabContainer").remove(); 


    alert(str); 
//var str = "1|Page1|2|Page2|3|Page3|4|Page4|5|Page5"; 
var res = str.split("|"); 
var n = res.length/2; 
var j = 0; 
var tabs = $("#tabContainer").tabs(); 
var tabCounter = 1; 

alert(n); 
    for (var i=0; i<n; i++){ 

     var ul = tabs.find("ul"); 
     var current_idx = ul.find("li").length + 1; 

     $("<li><a href='#fragment-" + current_idx + "'>" + res[j] + "</a></li>").appendTo(ul); 

     tabs.append("<div id='fragment-" + current_idx + "'>" + res[j+1] + "</div>"); 
     tabs.tabs("refresh"); 
     tabs.tabs("select", 1); 
     j=j+2; 

    };  
}) 

<div id="tabContainer"> 
    <ul>   
     <li id="xx">1|Page1|2|Page2|3|Page3|4|Page4|5|Page7</li>  
    </ul>  
</div>