2014-03-03 65 views
0

我有一個帶有2個塊的函數,第一個函數在一些頁面元素中添加html,第二個函數在表單上填充輸入字段。我無法讓他們工作。我的意思是,一次只有一個作品。正在執行另一個函數內的函數沒有被執行

function popReadMsg(div_id, msg_id, msg, sender, receiver, sent, msg_vid_id) 
{ 

    $('#msg_sender').html(sender); 
    $('#msg_sent').html(sent); 
    $('#msg_body').html(msg) 
    $('#vid_id').html(vid_id); 

    // this part does not work unless I remove the top block. 
    $('#reply_recipient').prop('value', sender); 
    $('#reply_sender').prop('value', receiver); 
    $('#reply_vid_id').prop('value', vid_id); 
} 

我試過包裝第二塊在函數內部,並調用它:

function popReadMsg(div_id, msg_id, msg, sender, receiver, sent, msg_vid_id) 
{ 

    $('#msg_sender').html(sender); 
    $('#msg_sent').html(sent); 
    $('#msg_body').html(msg) 
    $('#vid_id').html(vid_id); 

    populateFields(sender, receiver, msg_vid_id); 
} 

function populateFields(sender, receiver, msg_vid_id) 
{ 
    $('#reply_recipient').prop('value', sender); 
    $('#reply_sender').prop('value', receiver); 
    $('#reply_vid_id').prop('value', vid_id); 

} 

的HTML:

 <div class="read_more_inner_wrapper"> 
         <p class="output_msg2"></p> 
          <table border="0"> 

          <tr> 
           <td><p id="msg_sender"></p></td> 
           <td><p id="msg_sent"></p></td> 
          </tr> 
          <tr> 
          <td><p id="msg_body"></p></td> 

         </tr> 
          </table> 


       </div> 

       <div class="hide reply_form" > 

       <form class="msg_form" onSubmit="return false"> 
        <input type="text" name="reply_sender" id="reply_sender" > 
        <input type="text" name="reply_recipient" id="reply_recipient" > 
        <input type="text" name="reply_vid_id" id="reply_vid_id"> 
        <textarea id="reply_msg" name="reply_msg" cols="10" rows="10" placeholder="Write your reply here"></textarea> 
        <br> 
        <input type="button" onClick="replyMsg();" value="Send"> 
       </form> 


       </div> 

沒有成功:(

任何幫助是值得歡迎的, Mike

+0

請給出#msg_sender','#msg_sent','#msg_body','#vid_id','#reply_recipient','#reply_sender'和'#reply_vid_id'元素的HTML。 – acdcjunior

+0

剛纔編輯了這個問題。 –

回答

3

我認爲這個問題是這一行:

$('#vid_id').html(vid_id); 

至於我看到,「VID_ID」沒有定義(?,有一個名爲「div_id」參數,也許是筆誤),所以這條線將拋出'div_id未定義'錯誤,該函數將停止執行。當你刪除第一塊代碼時,這不會發生。

你應該學會使用控制檯,每個現代瀏覽器都有它的開發工具。它會幫助你在一秒鐘內找到這個錯誤。

+0

哇,我覺得很愚蠢的哈哈。謝謝! –

+0

理所當然,因爲忽略每個瀏覽器都有一個JavaScript錯誤控制檯,可以告訴你有關這樣的東西。 – CBroe