jQuery 的 .val() 在 Facebox 中不起作用

Question

我正在我的一个网站上使用 Facebox ( http://defunkt.github.com/facebox/ )。我还在网站上广泛使用 jQuery。

我的问题是 .val() 函数似乎无法在 Facebox 内工作。现在，这是显示为 Facebox 的 DIV:

<div id="edit-tags" style="display: none;">
  <script type="text/javascript">   
   $('.add-tag-form').submit(function(){
    alert($('input.tags-input').val());
    return false;
   });
  </script>

  <form class="add-tag-form">
   <input type="text" name="tags-input" class="tags-input" />
   <input type="submit" class="small-button" value="Add Tag" />
  <form>
</div>

现在，问题是 input.tags-input 的值没有显示在警报框中。它显示为空。

更糟糕的是，jQuery 选择实际上有效。也就是说， $('input.tags-input').hide() 工作得很好。

为了让问题变得更糟，.val() 使用初始值。也就是说，如果我使用这个:

<input type="text" name="tags-input" class="tags-input" value="Some value" />

然后，无论我是否更改该值，警报框都会显示“Some Value”。

我完全被困在这里了。代码中同一位置的 .val() 与 Facebox 外部的文本框配合得很好。

Answer 1

您需要将代码包装在匿名函数中，例如

$(function() { ... });
       or
$(document).ready(function() { ... });

可能是这个帮助

$(function() {
   $('.add-tag-form').submit(function(){
      alert($('input.tags-input').val());
      return false;
   });
});

如果问题仍然存在，请告诉我