異なる 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 ページ リンクの子ページが返されます。しかし、ページスライドは最初のクリックではトリガーされません。助言がありますか??