单击要在同一页面的右侧div中显示的菜单项内容而不刷新?
我有一个php模板,我有一个leftmenu作为accordin jquery菜单。 在这个菜单中,我有菜单项。当我点击菜单项时,与此菜单项相关的页面将加载到页面右侧的div而不刷新.I 我给你的页面截图。
谁能在这方面帮助我,
提前谢谢Ramsai
这是左侧menu.php的代码
这是我的加载代码:
$.get('https://stackoverflow.com/questions/10613734/click-a-menu-item-content-to-be-displayed-in-the-right-side-div-in-the-same-page/breast.php', function(data) { $('.content').html(data); });
当我单击菜单项时,相关页面应该进入该div
谢谢你,拉姆赛
$(document).ready(function () { $('#leftmenu').find('a[href*=".php"]').live('click', function (e) { e.preventDefault(); $.get($(this).attr('href'), function (data) { $('.content').html(data); }); }); //Or $('#leftmenu').find('a[href*=".php"][class*="MyWebLink"]').live('click', function (e) { e.preventDefault(); if(!$(this).hasClass('Alreadyloaded')){ var Url = $(this).attr('href'); $.ajax({ url: Url, type: 'Get', dataType: 'json', //data: { value: $(this).data('value') }, success: function (data) { $('.content').append(data); //Or $('.content').prepend(data); $(this).addClass('Alreadyloaded'); } }); } }); });
有什么问题? 使用docs.jquery.com/Ajax