因此,将
我正在尝试获取它,以便用户单击每个人的删除记录,并命中确认提示符,它实际上从本地存储中删除了单个记录。看来我清晰的本地存储空间有效,但不删除单个。
我认为您过复杂的事件处理程序,为什么要使用$(document).delegate('#clearSData', 'click',
而不是#clearData'.click()
?另外,这是什么。我认为this
是按钮的this
,它与存储无关。 在我的示例中,所有功能都很好:
http://jsfiddle.net/oceog/7lawq/3/
html:
<button id="delete">Delete</button>
<button id="add">Add</button>
<div id="out"></div>
JS:
var show = function() {
var out = $('#out'); //.children().remove();
console.log(out.children());
out.children().remove();
out.html('');
//debugger;
for (var i in localStorage) {
var newline = $('<div>').text(i + ':' + localStorage.getItem(i)).data('i', i);
out.append(newline);
newline.click(function() {
var that = $(this);
var i = that.data('i')
$('<div>').simpledialog2({
mode: 'button',
headerText: 'Warning',
headerClose: true,
buttonPrompt: 'Delete Running Record? Cannot be undone!' + '<div>' + i + ':' + localStorage.getItem(i) + '</div>',
buttons: {
'OK': {
click: function() {
localStorage.removeItem(i);
show();
}
},
'Cancel': {
click: function() {
cancelDialog2(this);
},
icon: "delete",
theme: "b"
}
}
});
});
}
};
$('#add').click(function() {
var
key = (Math.random() * 10000000000 + '').replace(/..*$/, ''),
value = (Math.random() * 100000000000 + '').replace(/..*$/, '');
localStorage.setItem(key, value);
show();
});
$('#delete').click(function() {
for (var i in localStorage) {
localStorage.removeItem(i);
show();
break;
}
});
$('#dialogb').click(function() {
$('#dialog').dialog();
});
show();
function cancelDialog2(el) {
var self = el;
$('<div>').simpledialog2({
mode: 'blank',
headerText: 'Info',
headerClose: true,
blankContent: "<ul><li>Running records have not been touched.</li></ul>" +
// NOTE: the use of rel="close" causes this button to close the dialog.
"<a rel='close' data-role='button' href='#'>Close</a>"
})
}
CSS:
#out div:hover {
background-color: red;
color: blue;
}
因此,将
data('key',key)
添加到按钮中,然后在对话框按钮中使用该数据。