2017-01-30 69 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