jQuery添加页面

时间:2014-02-26 21:23:13

标签: javascript jquery twitter-bootstrap

我做了一个非常难看的代码,但是当我完成它时我会修复它..但是我没有那么远#> _<

我在这里发布我的代码,并在其下面提供一些信息。

$(document).on('click', '.cogwheel', function() { 
        var link = $(this).data('pageid');
        $(".pages").not(".page" + link).hide();
        $(".links").not("#link-" + link).show();
        $("#link-" + link).toggle();
        $(".page" + link).toggle();
    });
    $(document).on('click', '.deletecross', function() {
        $(".deleteClass" + $(this).data('pageid')).remove();
        var total = parseFloat($(".hiddenCounter").val()) - 1; 
        $(".hiddenCounter").val(total);
        var this_val = $(".pagae" + $(this).data('pageid')).val();
        this_val.replace($(".pagae" + $(this).data('pageid')).val(), "");
        $(".pagae" + total).val(this_val);
    });
    $(document).on('keyup', '.pages', function() { 
        var pageID = $(this).data('pageid');
        var pages = $(".pagae").val();
        $(".pagae" + pageID).val($(this).val());
        $(".pagetest" + pageID).html($(this).val());
        $(".pagae").val(pages + $(this).val());
        $("#link-" + pageID).html($(this).val());
    });

    message = new Array();
    jQuery.fn.update_textarea = function(test) { 
        //for (i=0;i<test;++i) { 
        if (message[test]) { $(".MenuLinks").append('<tr><td width="150"><a href="#" id="link-' + test + '">Sida ' + test + '</a></td><td align="right"><span class="glyphicon glyphicon-cog"></span></td></tr>');$("#articles_textarea").append('<h2>askda</h2><textarea id="editor-1"></textarea>'); }
        else { 
            message[test] = ''; 
            var TDRow1 = '<tr class="deleteClass' + test + '"><td width="150"><a href="#Sida' + test + '" id="link-' + test + '" data-toggle="tab" class="links">Sida ' + test + '</a><input type="text" name="pages[]" value="Sida ' + test + '" class="pages page' + test + '" data-pageid="' + test + '"></td>';
            var TDRow2 = '<td align="right" width="20"><span class="glyphicon glyphicon-cog cogwheel" data-pageid="' + test + '" style="cursor:pointer;" title="Redigera"></span></td></tr>';
            var TDRowRemove = '<td align="right" width="10"><span class="glyphicon glyphicon-remove deletecross" data-pageid="' + test + '"  style="cursor:pointer;color: #ff0000;" title="Radera"></span></td>';
            var TDFake = '<td></td>';
            if (test != 1) { 
                var TRRow = TDRow1 + TDRowRemove + TDRow2; 
            }
            else { 
                var TRRow = TDRow1 + TDFake + TDRow2; 
            }
            $(".MenuLinks").append(TRRow); $("#articles_textarea").append('<div id="Sida' + test + '" class="tab-pane"><input type="hidden" class="pagae' + test + '" name="pagae[]" value="Sida ' + test + '"> <h2 class="pagetest' + test + '">Sida ' + test + '</h2><textarea name="editor[]"  id="editor-' + test + '" class="editor" data-pageid="' + test + '"></textarea></div>'); 
            $("#editor-" + test).wysibb({lang: "en"});
            }
        //}
    }

    /* If no textareas available add a new one */ 
    if (message.length == 0) {  
        $(this).update_textarea(1);
        $("#Sida1").addClass("active");
    }
    });

这段代码你可以添加一个页面,删除页面并为页面写一个新名称,并使用bootstrap,所以他们都有自己的&#34; tab&#34;

我打算使用这个脚本制作一个文章系统,当你发布它时,应该将页面插入到自己的表中,如pages。并满足于另一个。

但我的问题是,当我试图删除一个&#34;链接/页面&#34;它从菜单和一切中删除页面。

但我没有一个奇怪的线索如何更改隐藏的输入,其中包含所有页面的名称..所以当我发布隐藏的输入我得到了我在页面上的所有页面和我删除的那些..

我知道这是一些破旧的代码,我知道你可以让它比我好......

如果你有任何想法或任何我可以做的更小的事情让我知道..

0 个答案:

没有答案