PageSlide插件

Question

我有一个代码，用于输出具有不同ID的链接。 点击后，我将他的ID发送给PHP，向我显示此ID的子页面。 但是我想用PageSlide加载它们（子页面链接） 这是代码。 HTML

<a id="m1" class="leftPanel"></a>
<a id="m2" class="leftPanel"></a>
<a id="m3" class="leftPanel"></a>

JS

<script>

 $('.leftPanel').click(function(event){
    event.preventDefault();
    var page_id = $(this).attr('id');
    var dataString = 'page_id=' + page_id + '&page=load_page';
    $.ajax({
            type: "POST",
            url: "<?php echo $tools_url ?>",
            data: dataString,
            success: function(response){
                $('#here').html(response);
                $('.leftPanel').pageslide({ direction: "left" , modal:true});
            }
     });
 });
</script>

PHP

 if(isset($_POST["page"]) && !empty($_POST["page"]))
{

      $m_id    = ($_POST["page_id"]);
      $page_id = substr($m_id, 1); //<--substing the letter 'm' to take the number only
      $th      = Loader::helper('text');
      $nh = Loader::helper('navigation');
      Loader::model('page_list');
      $pl      = new PageList();
      // Available Filters
      $pl->ignorePermissions(); // Don't check the permissions of the logged-in user.
      $pl->ignoreAliases(); // Ignore aliased pages.
      $pl->filterByParentID($page_id); //Filters by the parent ID.
      // Sorting Options
      $pl->sortByDisplayOrder(); //Orders by sitemap display order ascending.

      // Get the page List Results 
      $pages   = $pl->getPage();
      echo '<div id="modal">';
      foreach ($pages as $page) {
           $title  = $th->entities($page->getCollectionName());
           $url  = $nh->getLinkToCollection($page);
         echo '<a href="'.$url.'">'.$title.'</a>'; 
  }
  echo'<a href="javascript:$.pageslide.close()">Close</a></div>';

}else{
    echo 'No page found!';
}

这是工作它返回我这个id页面链接的子页面。 但是第一次点击时不会触发页面滑动。 有什么建议??