無法獲得.VAL（）從裏面輸入PrettyPhoto

Question

這裏是我的代碼的結構：

<div class='img_box' title='icon'> 
    <div> 
    <a href='#lightbox_add' rel='prettyPhoto[g1]'> 
     <img alt='' src='images/img_plus_green.png' title=''/> 
     <span class='description'> 
     <span class='title'>Click to Answer</span> 
     </span> 
    </a> 
    <div id='lightbox_add' class="hide"> 
     <div class='lightbox_add_cand'> 
      <h4>Add a new answer</h4> 
      <div class='block_answer'> 
       <div class='line'> 
       </div> 
       <br/> 
       <form action='/add/1' id='add_cand_form' method='post'> 
        <div class='input_box'> 
         <input class='s_inp_text' id='cand_title' name='cand_title' title='Write a title...' type='text'/> 
        </div> 
        <div class='input_box'> 
         <input class='s_inp_text' id='pic_url' name='pic_url' title='URL of picture...' type='text'/> 
        </div> 
        <a class='button_big dark_red' href='' id='add_cand_button'> 
         <span class='left'> 
         <span class='right'> 
          Save 
               </span> 
         </span> 
        </a> 
       </form> 
      </div> 
     </div> 
    </div> 
</div> 

的< A HREF = 「＃lightbox_add」>點擊時觸發元素一個PrettyPhoto燈箱和加載在由< div id =「lightbox_add」>定義的html中。在lightbox裏面，有一個表單。我的問題是通過JavaScript讀取表單元素的值：

$("#add_cand_button").live('click', function() { 
    alert($("#cand_title").val());    //shows an empty alert box 
    alert($("#pp_full_res #cand_title").val()); //shows an alert box that says "undefined" 
}); 

我知道$（ 「＃pp_full_res #cand_title」）VAL（）。應該是正確的方法，但它不起作用。 另一件需要注意的事情是：當我搜索#cand_title的DOM時，它找不到任何東西。

有人知道正確的方式來訪問prettyphoto內的輸入元素的值嗎？

Answer 1

沒有名爲pp_ful_res這就是爲什麼說其returning'undefined」

這裏是jsfiddler http://jsfiddle.net/screepts/DpeTr/

你alert($("#cand_title").val());返回代碼值精元。