从jQueryMobile“滑动面板”，“列表视图”触发功能

在我的jQuery移动应用程序中，我使用滑块搜索应用程序的一部分。当滑块打开并且用户在搜索面板中输入"要搜索的单词"时，找到的结果的列表视图将以以下格式打印出来：

<li><a id='$id'>***search result***</a></li>

它从PHP搜索文件加载。单击列表视图的这个 li 部分时，我需要触发 onClick 函数重定向到另一个页面并创建变量。但是没有选择这个onClick触发器。

这是带有搜索初始化的面板：

<div data-role="panel" data-theme="b" id="mypanel" data-position="right" data-position-fixed="true" data-display="overlay">
   <input type="search" name="search-mini" id="search-mini" value="" data-mini="true" />
      <div id="search_results">
        <ul data-role="listview" data-divider-theme="b"  data-inset="true" id="sub_cont"></ul>
      </div>
</div>

发送搜索结果的 php：

if($uname == $check_uname){
echo "<li id='search_r'>" . "<a href='#'>" . $uname . " : " . " " . $fname . " " . $sname . "</a>" . "</li>";
}else{
echo "<li id='search_r'>" . "<a href='#' id='$id' class='s_result'>" . $uname . " : " . " " . $fname . " " . $sname . "</a>" . "</li>";
}

和 jQuery：

$("#cc_page").live('pageshow', function(){
   $("#search_r").click(function(){
       var search_r = $('.s_result').attr('id');
       window.location.href = "http://imes.jzpersonal.com/app/userpanel.html#sfpp_page";
   });
});

但仍然没有触发点击功能。有人有同样的经历吗？有人找到了正确的工作方式吗？

溶液：

$("#cc_page").ready(function(){
  $("#search_r").live('click', function(){
      search_r = $(this).attr('id');
      window.location.href = "http://imes.jzpersonal.com/app/userpanel.html#sfpp_page";
  });
});