新聞中心
Jquery顯示評論有點問題
//試試這樣呢?
寧陜ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景,ssl證書未來市場廣闊!成為成都創(chuàng)新互聯(lián)的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18982081108(備注:SSL證書合作)期待與您的合作!
$.each($('.bottom'),function(index,value){
(function(i){
$(this).on('click','.comment',function(){
//作判斷,需登錄才能顯示出評論框
if($.cookie('userName')){
if($('.comment_list').eq(i).is(':hidden')){
$('.comment_list').eq(i).show();
}else{
$('.comment_list').eq(i).hide();
}
}else{
$('#error').dialog('open');
setTimeout(function(){
$('#login').dialog('open');
$('#error').dialog('close');
},1000);
}
})(index)
});
像這種點擊就彈出評論框的jquery怎么做?說說思路
比如底下那個評論列表的容器層 ,也就是你畫的紅框的id="pinlun",
兩種思路:
整個頁面加載的時候就把評論也加載完了,但是先隱藏起來,點擊時候顯示
點擊時候?qū)崟r跟后臺ajax交互獲取數(shù)據(jù),然后innerHtml到pinlin這個層里顯示出來。
jquery 如何刷新 評論列表啊?
點擊最新評論的回復沒有彈出回復框
解答:
新生成的標簽沒有注冊到dom中,需要重新綁定事件
例如你的代碼是這樣寫的
$(".huifu").click(function(){
//彈出回復框
})
以上代碼 在已經(jīng)存在的評論中是可以點擊的,但是新的回復內(nèi)容就不可以了
解決辦法:
$(".huifu").on("click",function(){
//彈出回復框 此處on為jquery1.9以上版本修改自live,如果是低版本的jquery,將on改為live就可以了
})
jquery 如何實現(xiàn)評論內(nèi)容即時顯示
如果你只要前端顯示的話就用DOM,創(chuàng)建一個onclick函數(shù),var newText=document.getElementById("...").value; ,然后創(chuàng)建新文本var addText=createTextnode(newText);,再在評論列表.appendChild(addText);
如果要保存在服務器再從中讀取的話就得用AJAX了
Jquery怎樣實現(xiàn)Ctrl+Enter組合鍵快捷發(fā)表評論
jQuery 實現(xiàn) Ctrl+Enter 快捷鍵發(fā)表評論 jquery代碼:
script language="javascript"
jQuery(document).keypress(function(e){
if(e.ctrlKey e.which == 13 || e.which == 10) {
jQuery("#commentForm").submit();
} else if (e.shiftKey e.which==13 || e.which == 10) {
jQuery("#commentform").submit();
}
})
/script
重點介紹:
在ff中 判斷 ctrl+enter 是 e.ctrlKey e.which ==13
在ie6中 判斷ctrl+enter 是 e.ctrlKey e.which ==10
其他案例:
textarea name="comment" id="comment" tabindex="4" /textarea
改成:
textarea name="comment" id="comment" tabindex="4" onkeydown="if(event.ctrlKeyevent.keyCode==13){document.getElementById('submit').click();return false};"/textarea
以上是為大家分享的Ctrl+Enter實現(xiàn)發(fā)表的代碼,當在文本域內(nèi)使用組合鍵Ctrl+Enter怎樣實現(xiàn)發(fā)布的代碼,供大家參考學習。
分享名稱:jquery評論,jquery描述
本文網(wǎng)址:http://www.ef60e0e.cn/article/dsgjggj.html