使用标签表单加载页面而不刷新

Question

我正在尝试在复选框的页面真实列表上加载结果

我这里有这个代码 - http://css-tricks.com/dynamic-page-replacing-content/

我想做这样的事情：

$("#form_id").delegate("input", "click", function() {
    window.location.hash = $(this).attr("href");
    return false;
});

但我在网址的末尾 - #undefined

我的表格是：

<form name="search" action="" method="get" id="search_form">

    <div class="fluid">
      <div style="padding-right: 5px; ">        

                         <label> computer <input class="chkd" type="checkbox" checked="checked" name="category[]" value="computers"> </label>
                         <label> computer <input class="chkd" type="checkbox" checked="checked" name="category[]" value="computers1"> </label>
                         <label> computer <input class="chkd" type="checkbox" checked="checked" name="category[]" value="computers2"> </label>

   </div> </div>
</form>

有什么想法吗？

Answer 1

原文用途：

 $("nav").delegate("a", "click", function() {
        window.location.hash = $(this).attr("href");
        return false;
    });

表示它引用nav 中的a 标签。但是在您的代码中，您似乎正在尝试获取input 的href。这是不可能的。

试试这个：

window.location.hash = $("nav a").attr("href");

代替：

window.location.hash = $(this).attr("href");

只要参考右边的a标签。