Question

当我注意到&变成&时，我正在使用Firefox并在页面上工作。

通常我可以使用html_entitiy_decode()解决此问题 - 但在这种情况下，它无效。

然后我发现了这个。加载页面后会触发警报。

之前

enter image description here

后

enter image description here

使用PHP / Yii加载数据 - 而不是通过JS / Ajax加载。然而，我使用JS Knockout添加/删除品牌。

<ul data-bind="template: { name: 'brand-item-template', data: $root.brands}">
  <li>
    <span id="<?= $brand->id?>" data-bind="text: brand_name, attr: {'id': brand_id}"><?= $brand->name; ?></span>
    <a href="#" class="remove el-icon-remove-circle" data-bind="click: $parent.removeBrand"></a>
  </li>
</ul>

更新

我发现这个JS Knockout代码是改变的原因。但是在添加品牌之前不应该触发此代码。那么为什么这会影响我的& s？

进行更改的是self.addBrand = function()。如果我删除此功能并保持原样，一切都很好。 可以成为Knockout错误吗？

$('#store.manage-special-offers').exists(function(){
    Store.mangeSpecialOffers();
});

function manageBrandListModel() {
    var self = this;
    var store_id = $('.data-item-id').val();
    var exiting_list = $('.brand-list ul').clone();

    // Data
    self.brands = ko.observableArray(create_list(exiting_list));
    self.brand_name = ko.observable();
    self.brand_id = ko.observable();
    self.store_id = ko.observable(store_id);

    // This is the function that makes the chage
    self.addBrand = function() {

        if (self.brand_name() != "") {

            // Update DB
            $('#store.manage-brands').exists(function(){
                $.ajax({
                    url: site_url + '/associatebrand',
                    type: "POST",
                    dataType: 'json',
                    data: {
                        Brand: {
                           brandId : self.brand_id(),
                           storeId : self.store_id(),
                           add : true
                       }
                    },
                    success: function (data) {
                        // Add brand to GUI list
                        self.brands.push(new brand(self.brand_id(), self.brand_name()));
                        self.brand_name("");
                    }
                });
            });


        }
    }.bind(self);

    (...)


function create_list(exiting_list){
    var arr_list = [];

    $(exiting_list).find('li').each(function(e,li){
        var id = $(li).find('span').prop('id');
        var name = $(li).find('span').html(); // <--- This is the problem. Must be .text()
        arr_list.push(new brand(id,name));
     });
    return arr_list;
}

任何人都可以解释为什么会这样吗？

Answer 1

应该归功于JeremyCook和Quentin指出我正确的方向。

 $(exiting_list).find('li').each(function(e,li){
    var id = $(li).find('span').prop('id');
    var name = $(li).find('span').html(); // <--- This is the problem. Must be .text()
    arr_list.push(new brand(id,name));
 });

我做错了是我使用了.html()并且文本以HTML格式返回。将此更改为.text()解决了我的问题。

为什么＆amp;变成＆amp;页面加载后？

1 个答案: