無法從PrettyPhoto中的輸入獲取.val（）

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。 燈箱內部有一個表格。 我的問題是通過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（）; 應該是正確的方法，但這是行不通的。 需要注意的另一件事：當我在DOM中搜索#cand_title時，它什么也找不到。

有人知道在prettyphoto中訪問輸入元素的值的正確方法嗎？

Answer 1

沒有名為pp_ful_res元素，這就是為什么它返回“ pp_ful_res ”的原因

這是您在jsfiddler中的代碼http://jsfiddle.net/screepts/DpeTr/

您的alert( $("#cand_title").val()); 返回值罰款。