我对 Fancybox 有一个非常奇怪的问题。
我似乎无法获得 Fancybox 中显示的输入的 .val()。它们的值为“”。然而,Fancybox 之外的输入是有效的。
我的代码:
<script type="text/javascript">
$(document).ready(function() {
$('a#inline').fancybox({
'hideOnContentClick': false,
'frameWidth': 500,
'frameHeight': $('#avatars').height(),
'callbackOnShow':
function() {
$('#gallery div img').click(function(){
$('#inline img').attr('src', $(this).attr('class'));
$('input#avatar').attr('value', $(this).attr('class'));
});
$('button').click(function(){
console.log($('input#search_avatar'));
return false;
});
}
});
});
和 HTML:
<fieldset>
<div id="avatars" style="float:left; width:500px; display:none;">
<form method="post" action="">
<fieldset>
<input type="text" name="search_avatar" id="search_avatar" />
<button id="search_avatar_submit">Filter</button>
</fieldset>
<div id="gallery">
<div><img src="2_s.jpg" class="2_s.jpg" /></div>
</div>
</form>
</div>
<a id="inline" href="#avatars"><img id="avatar" src="file.png" /></a>
<input type="hidden" name="avatar" value="" id="avatar" />
</fieldset>
所以基本上。我点击链接。Fancybox 出现了。我在输入中添加文本(这是文本),当我单击时我会得到这个(在 Firebug 中):
[input#search_avatar, input#search_avatar This is text]
当我执行这个:
$('#search_avatar').val()
我得到:
""
谢谢!