0

这是我的代码的结构： 

<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 时，它​​没有找到任何东西。

有人知道访问漂亮照片中输入元素值的正确方法吗？

4

1 回答 1

1

没有名为pp_ful_res这就是为什么它返回“未定义”的元素

这是您在 jsfiddler http://jsfiddle.net/screepts/DpeTr/中的代码

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

于 2012-07-10T01:07:40.860 回答