2016-06-15 59 views
0

我已經使用一些Javascript繼承了此Laravel PHP應用程序,我正在學習這些 .technologies,因爲我正在努力改進它。我已經得到了一些我需要改變的代碼,但是我真的不明白。任何幫助你解決我的問題和提高我的理解將是最受歡迎的。爲什麼我無法使用Jquery顯示我的文本

有問題的代碼在CSS中定義的類<div>#tweetContainer時執行。在網頁上點擊。現在,代碼將彈出一個包含<div>文本的彈出窗口。我想改變它,以便它使用字符串post.data

我不明白{之後的陳述是什麼。我嘗試用各種形式的post.data替換第一個,但沒有任何工作。

 $("#itemContainer .listview_tile:last").click(function(){ 
      $("#tweetContainer").val($(this).text()); 
      $("#loading").toggleClass('displayTable'); 
     $("#loading").fadeTo("fast", 0.95); 
    });    

click()函數似乎是Jquery的一部分。 爲什麼這個工作,我能做些什麼來使它做我需要的?

+1

你的'post.data' /'data.post'聲明在哪裏? –

+0

控制檯中的任何錯誤? –

+0

'post.data'(抱歉)在與我共享的代碼相同的函數中聲明。它包含我想在下一個屏幕上顯示的'itemContainer'中的文本子集。 –

回答

1

就目前而言,代碼會顯示一個彈出窗口,其中包含文本。我想改變它,以便它使用字符串post.data。

如果我理解正確的話,你想的post.data的值設置爲#tweetContainer文本。

您需要使用這樣的:

$('#tweetContainer').text(post.data); 

val()是用來設置和獲取元素的值屬性,如果你想改變一個div例如內容,你需要使用text()

0

這段代碼做了什麼?

$("#itemContainer .listview_tile:last")//see below 
    .click(function(){// when you click 
     //**this** is span.listview_tile 
     //its text comes to <input id="tweetContainer" /> 
     $("#tweetContainer").val($(this).text()); 
     //add/remove class displayTable 
     $("#loading").toggleClass('displayTable'); 
     //show with fadeTo effect 
    $("#loading").fadeTo("fast", 0.95); 
});    

<div id="itemContainer "> 
    <span class="listview_tile">one</span> 
    <span class="listview_tile">two</span><!--$("#itemContainer .listview_tile:last") --> 
    <input type="text" id="tweetContainer" /> 
</div> 
<div id="loading">Loading something</div> 

我希望這個解釋能幫助你。

相關問題