BBCode не работает

Question

BBCode не работает

0

Я разработал BBCode для моего PHP-сайта, чтобы сделать вкладку для публикации. Я отладил 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>

В generalheader.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>

Результат BBCODE

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

poocharam.NET 19 фев. 2014, в 07:47

Источник

Теги:

php

html

bbcode

1 ответ

Ещё вопросы

Raju.Saravanan · Accepted Answer · 2014-02-19T15-55-00.000Z

Я сам решил эту проблему :)

Спасибо, парни.

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>