Вы крутите ленту и прицепить document.addeventlistener на какой-то конкретный блок нельзя (комментарии подгружаются).Кто сказал такое?
$(document).on('click', '.block_cmments .edit', function(e){
e.preventDefault();
let obj = e.target;
obj.closest(".glyphicon-pencil") && edit(obj);
obj.closest(".glyphicon-remove-circle") && remove(obj);
obj.closest(".translate") && translate(obj);
});
.block_cmments .edit
та самая кнопка на которой у вас висит функция onclick="options(this)"
. Эту функцию просто убрать.$(document)
.on('click', '.block_cmments-item .glyphicon-pencil', function(e){
e.prevenDefault();
let block = e.target.closest('.block_cmments-item');
block && edit(block);
return !1;
})
.on('click', '.block_cmments-item .glyphicon-remove-circle', function(e){
e.prevenDefault();
let block = e.target.closest('.block_cmments-item');
block && remove(block);
return !1;
})
.on('click', '.block_cmments-item .translate', function(e){
e.prevenDefault();
let block = e.target.closest('.block_cmments-item');
block && .translate(block);
return !1;
});
onclick
function options (obj) {
$(obj).prop("onclick", null);
obj.closest(".glyphicon-pencil") && edit(obj);
obj.closest(".glyphicon-remove-circle") && remove(obj);
obj.closest(".translate") && translate(obj);
};
function options (obj) {
obj.closest(".glyphicon-pencil") && edit(obj);
obj.closest(".glyphicon-remove-circle") && remove(obj);
obj.closest(".translate") && translate(obj);
};
frontend
data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MDcgNTY3IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCTxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGIiBkPSJtMzIzLjcgMzg2LjctLjItMjIzLjcgMjE0LjQgMTEyLjd6Ii8+Cgk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGMDAwMiIgZD0iTTMyMy41IDE2M3YyMjQuNVYxNjNjNzkgNDIuOCAyMTQuNCAxMTIuOCAyMTQuNCAxMTIuOHMtMTM0LjcgNzAuOC0yMTQuNCAxMTEuN003NjcuNiA1MS4zYy0xMy43LTE4LjEtMzcuMi0zMi4yLTYyLjEtMzYuOS03My4zLTEzLjktNTMwLjctMTMuOS02MDQgMC0yMCAzLjgtMzcuOCAxMi44LTUzLjEgMjYuOUMtMTYgMTAxLjIgNC4yIDQyMi4xIDE5LjcgNDc0YzYuNSAyMi41IDE1IDM4LjcgMjUuNiA0OS40IDEzLjcgMTQuMSAzMi41IDIzLjggNTQgMjguMSA2MC40IDEyLjUgMzcxLjMgMTkuNSA2MDQuOSAxLjkgMjEuNS0zLjggNDAuNi0xMy44IDU1LjYtMjguNCA1OS42LTU5LjYgNTUuNi0zOTguNSA3LjgtNDczLjciLz4KPC9zdmc+
data:image/svg+xml
, и data:image/svg+xml;base64,
, то вы увидите, что первый вариант короче второго, а значит исходный вес файла CSS меньше. Плюс выделение ресурсов на декодирование меньше..$errorMessage
fixed
или absolute
?margin-top
, снизу - margin-bottom
, слева - margin-left,
, справа - margin-right
.margin
не работает сверху, то родителю нужно задать clearfix
стиль.clearfix::before,
.clearfix::after {
display: table;
content: "";
clear: both;
}
.clearfix
fixed
и научиться верстать ))) Учиться, учиться и ещё раз учиться...