Question

在我的程序中，我使用Froala富文本编辑器来编写一些文本，放一些图像等。由于某些特定的原因，我创建了一个带有ko.observable绑定的标签，我将所有内容提交给Drupal，删除标签在提交之前绑定。之后我可以再次从Drupal获取此信息（不再使用此绑定标记）。因此，为了再次编辑此信息，我再次创建相同的绑定。但是，这次绑定不再起作用了。我简化了下面的所有javascript代码：

$(document).ready(function() {  
    function create_image_table() {
        if (!document.getElementById("img_div0"))
            $('<div id="img_div0" style="border : 1px solid black;  width=80%"  class="asd row"/>').appendTo(document.getElementsByClassName("fr-element fr-view")[0]);
        $('<div id="ilk0" class="my_ilk col-sm-6" contenteditable="false"/>').append($('<div id="caption0" style="font-weight:normal; height: 50px;" data-bind="text: captionName0" data-toggle="modal" data-target="#myModal" class="caption_class"  contenteditable="false"/>')).appendTo($("#img_div0"));    
    }
    function create_image_observables(){
        myViewModel['captionName0'] = ko.observable('CAPTION : ');
        ko.applyBindings(myViewModel,document.getElementById('caption0'));
    }
    var myViewModel = {
        edit_fields : function() {
            this.captionName0('CAPTION : ' + document.getElementById('caption_input').value);
        } 
    };
    ko.applyBindings(myViewModel);
    document.getElementById("editor_content_button").addEventListener("click", submit);

    var images = document.getElementsByClassName("asd row");
    for (j=0;j<images.length;j++) { 
        create_image_table(0, "");
        create_image_observables(0, "","","","","");    
    }
    function submit () {
        create_image_table(0, "");
        create_image_observables(0, "", "", "", "", "");
        var content_to_send = document.getElementById("img_div0").parentNode.innerHTML.replace(/&lt;/g,"<"); 
        $.ajax({
            type: "POST",
            dataType: 'json',
            data: {mycontent: content_to_send, title: "", author: "" },
            url: "submit_2.php",
            success: function(response) {
                if(response > 0) { 
                    window.location = ($(this).attr('href') + 'rte_2.php?id='+response).replace("undefined","") ;
                }
            }
        });
    }
    $(function() {
        $('div#froala-editor').froalaEditor({toolbarButtons: ['undo', 'redo' , '|', 'bold', 'italic', 'underline', '|' ,'fullscreen', 'inlineStyle', '|', 'insertLink', 'paragraphFormat','|', 'insert','insertHTML'],})    
    });
});

在submit_2.php中为了删除这些标签，我使用：

$tags= $xpath->query('//div[contains(@id,"ilk")]');

foreach ($tags as $tag) {   
    $tag->parentNode->removeChild($tag);    
}

然后，我从Drupal获取所有信息并以与之前相同的格式再次显示它们（我再次使用绑定添加标记）。但是绑定失去了它的可观察特征。

我也尝试在submit函数中使用cleanNode和removeNode函数，而不是在submit_2.php中删除它，但是，我再次得到了相同的结果。我怎么解决这个问题？提前谢谢。

Knockout无法重新绑定可观察的

0 个答案: