Hi, please help me,
I really stucked with this for a week. 🙁
Here is the scenario: I have jqxMenu and jqxPanel. I want to load external page within jqxPanel when jqxMenu item is clicked without changing to new page.
<div id='jqxMenu'>
<ul>
<li><a href="index.php">Home</a></li>
<li>Options
<ul style='width: 200px;'>
<li><a href="site.php?type=profile">Profile</a></li>
<li><a href="site.php?type=config">Configuration</a></li>
</ul>
</li>
<li>About
<ul style='width: 200px;'>
<li><a href="site.php?type=help">Help</a></li>
<li><a href="site.php?type=update">Update</a></li>
<li type='separator'></li>
<li><a href="site.php?type=about">About</a></li>
</ul>
</li>
</ul>
</div>
I know this is mess, because I have no idea. 🙁
$('#jqxMenu').on('itemclick', function (event) {
$('#container').jqxPanel('clearContent');
$('#container').jqxPanel('apend', load(url));
});
Please help