2017-01-30 56 views
0

这可能是一些容易,但我努力使这项工作。 我创建了一个模式,当你点击提交时,它有标题,主题(输入区域)和时间戳。 我想输出作为列表项目<li></li>发布的标题,主题和时间。模态与标题,主题和时间

var main = function(){ 
$('.btn-primary').click(function(){ 

    var title = $('#message-title').val(); 
    var post = $('#message-text').val(); 
    $('<li>').text(post).prependTo('.livefeed'); 

     var currentTime = new Date(); 
     var n = currentTime.toLocaleDateString(); 
     document.getElementById("timestamp").innerHTML = n 

     $('#message-text').val(); 

    }); 

} 

$(document).ready(main); 

Here is the Screenshot

+0

可以请你创建一个小提琴? –

+0

你错过了一个分号还是这是一个错字'document.getElementById(“timestamp”)。innerHTML = n'? – Rhono

+0

对不起,这是一个错字“;”。不知道如何创建小提琴。我试图实现的是当输入字段如“标题”,“主题”,然后单击使用模态提交。与Twitter或Facebook状态类似的消息输出必须在一行或一个列表项中包含“标题”+“主题”和时间戳。 – NewCoder

回答

0

尝试这样的事情

JAVASCRIPT

$('.btn-primary').click(function(){ 

var title = $('#message-title').val(); 
var post = $('#message-text').val(); 
var currentTime = new Date(); 
var n = currentTime.toLocaleDateString(); 
$('ul').append('<li>'+title+' '+post+' '+n+'</li>'); 

}); 
+0

Shubham谢谢你的回复。上面的代码工作,但它打印出3个列表项。但我希望我的(标题+帖子+时间)全部出现在列表项目上,而不是三个。对不起,如果我没有发布它的权利。 – NewCoder

+0

@NewCoder我已根据您的需要更新了我的代码,请仔细阅读并再次检查。 –

+0

取得了一些进展,但这是它如何打印。 “SuperBowlSunday +本周日是NFC和AFC + 2017年1月30日之间的冠军赛” 周日和亚足联试图删除“加号”后,代码不起作用 – NewCoder