-2
因爲我不是jQuery專家,所以我無法使這個腳本工作。
這是我到目前爲止。僅在按下ENTER時提交。
當輸入被按下時,它不會提示。
我希望這發生在Facebook的方式。
我有一個文本區id="textboxcontent<?= $id?>"
。
我不知道如果我在正確的軌道上,但標題至少我試過= P
var Id = element.attr("id");
$('input#textboxcontent'+Id).keypress(function(e) {
if(e.keyCode == 13) {
e.preventDefault();
var element = $(this);
var Id = element.attr("id");
var test = $("#textboxcontent"+Id).val();
var dataString = 'comment='+ test + '&pid=' + Id;
//var text = $(this).val();
var commentContainer = $(this).parents('tr');
if(test=='' || test == 'Write a Comment'){
//==alert("Your comment can't be blank");
//$("#textboxcontent"+Id).focus();
} else {
$("#flash"+Id).show();
$("#flash"+Id).fadeIn(400).html('<img src="images/ajax-loader.gif" align="absmiddle"><font size="-2">chotto matte</font>');
commentContainer.animate({ opacity : 0.5}, 500);
commentContainer.find("#comment-loader").fadeIn(500);
$.ajax({
type: "POST",
url: "http://localhost/rara/index.php/xtr/add_comment",
data: dataString,
cache: false,
success: function(html){
$("#loadplace"+Id).append(html);
//document.getElementById('textboxcontent' + +Id).value='';
$("#textboxcontent"+Id).attr({ value : " " });
$('#textboxcontent').value='';
$("#flash"+Id).hide();
commentContainer.css({opacity : 1});
commentContainer.find("#comment-loader").fadeOut(100);
commentContainer.find('.panel').hide();
$(".comment-textarea").css({height : "30px" });
$('.delete-button').hide();
}
});
}
} else {
//alert
}
return false;
});
你需要簡化你的問題。 keypress事件工作正常,在後面的代碼中必須有一些東西,或者第一次從元素中讀取id時導致它不起作用。 http://jsfiddle.net/2Eszk/ – BNL
= ?>是一個簡寫 echo ?> –
http://jsfiddle.net/2Eszk/ –