1

我有一个 php 模板，其中我有一个左菜单作为accordin jquery 菜单。在此菜单中，我有菜单项。当我单击菜单项时，与此菜单项相关的页面将加载到页面右侧的 div 中而无需刷新我的页面。我给你页面的屏幕截图。

任何人都可以在这方面帮助我，

提前谢谢你拉姆塞

这是left menu.php的代码

<div  id="leftmenu">
  <div class="urbangreymenu">
    <h3 class="headerbar"><a href="#">BREAST</a></h3>
     <ul class="submenu">
      **<li><a href="breast.php">Breast/a></li>**
      </ul>
    <h3 class="headerbar"><a href="#">CVS</a></h3>

    <ul class="submenu">
      <li><a href="#">CHEST PAIN</a></li>
      <li><a href="#">CHEST PAIN MASTER</a></li>
      <li><a href="#">DIZZINESS-VERTIGO-LOC</a></li>
      <li><a href="#">LOCAL-LEG-GENERALISED SWELLING</a></li>
      <li><a href="#">SHORT OF BREATH(+PND)</a></li>
    </ul>

    <h3 class="headerbar"><a href="#">ENT</a></h3>
    <ul class="submenu">
      <li><a href="#">EAR</a></li>
      <li><a href="#">NOSE</a></li>
      <li><a href="#">THROAT</a></li>
    </ul>

    <h3 class="headerbar"><a href="#">GENERAL</a></h3>
    <ul class="submenu">
      <li><a href="#">FATIGUE-MALAISE</a></li>
      <li><a href="#">FEVER</a></li>
      <li><a href="#">SKIN RASH & PRURITIS</a></li>
    </ul>

    <h3 class="headerbar"><a href="#">GIT</a></h3>
    <ul class="submenu">
      <li><a href="#">ABDOMINAL DISTENTION</a></li>
      <li><a href="#">ABDOMINAL PAIN</a></li>
      <li><a href="#">BLACK STOOLS</a></li>
      <li><a href="#">CONSTIPATION</a></li>
      <li><a href="#">DIARRHEA</a></li>
      <li><a href="#">NAUSEA-VOMITING</a></li>
    </ul>

    <h3 class="headerbar"><a href="#">NEUROLOGY</a></h3>
    <ul class="submenu">
      <li><a href="#">APHASIA & SLURRED SPEECH</a></li>
      <li><a href="#">BALANCE-TREMORS-PARALYSIS</a></li>
      <li><a href="#">HEADACHE</a></li>
      <li><a href="#">SEIZURES-MEMORY LOSS-CONFUSION</a></li>
      <li><a href="#">TINGLING-NUMBNESS</a></li>
    </ul>

     <h3 class="headerbar"><a href="#">PULMONARY</a></h3>
     <ul class="submenu">
      <li><a href="#">COUGH</a></li>
     </ul>
  </div>
</div>

这是我的加载代码：

<div id ="content">
<script>
$.get('breast.php', function(data) {
$('.content').html(data);
});
</script>

</div>

当我单击菜单项时，相关页面应该出现在该 div 中

提前谢谢你，拉姆塞

4

2 回答 2

1

有什么问题？使用docs.jquery.com/Ajax

于 2012-05-16T07:45:01.640 回答
1 
                    $(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');
                            }
                        });
}
                    });
                    });
于 2012-05-16T09:55:33.677 回答