我创建了一个带有动态保存和删除按钮的文本框;我怎样才能让它发挥作用?这是我的编码:
$("#canvas").click(function (e) {
var offset = $(this).offset();
$("#position").text((e.clientX - offset.left) + ", " + (e.clientY - offset.top));
$("#position").empty();
var input = $("<input type='text' value='' class='addtext' id='addText'>");
var save = $("<input type='button' class='save' value='save' id='save'>");
var discard = $("<input type='button' class='discard' value='discard' id='disc'>");
$("#position").append(input);
$("#position").append(save);
$("#position").append(discard);
$("#position").css('position', 'absolute');
$("#position").css('left', e.clientX - offset.left);
$("#position").css('top', e.clientY);
var xcor = $("#x-text");
var ycor = $("#y-text");
var ctext = $("#content-text");
var atext = $("#addText");
});
如果我在里面使用下面的代码,$("#canvas").click(function(e){
它工作正常,但我怎样才能将它用作一个单独的函数。我哪里错了?
$('.discard').click(function () {
alert('test');
$('#position').empty();
});
$('.save').click(function () {
ctext.val(atext.val());
xcor.val(e.clientX - offset.left);
ycor.val(e.clientY);
$(this).parent().empty();
});