单击菜单项内容将在同一页面不刷新，显示在右侧的div？单击、菜单项、页面、内容

由网友(堕魂★灭天)分享简介：我有一个PHP模板，在那里我有一个leftmenu作为accordin jQuery的菜单。在这个菜单中，我有菜单项。当我点击菜单项，与此相关的菜单项，页面加载到DIV在页面右侧的无refresh.I 我给你的页面的截图。谁能帮我在这方面，感谢你提前Ramsai 在这里留下menu.php的code ＆LT; D...

我有一个PHP模板，在那里我有一个leftmenu作为accordin jQuery的菜单。在这个菜单中，我有菜单项。当我点击菜单项，与此相关的菜单项，页面加载到DIV在页面右侧的无refresh.I 我给你的页面的截图。

谁能帮我在这方面，

感谢你提前 Ramsai

在这里留下menu.php的code

 ＆LT; DIV ID =leftmenu＆GT;
  ＆LT; DIV CLASS =urbangreymenu＆GT;
    ＆所述; H3类=headerbar＆GT;＆所述; A HREF =＃＆GT;乳腺癌＆所述; / a取代;＆所述; / H3＆GT;
     ＆LT; UL类=子菜单＆GT;
      **＆LT;李＆GT;＆LT; A HREF =breast.php＆GT;乳腺/ A＆GT;＆LT; /李＆GT; **
      ＆LT; / UL＆GT;
    ＆所述; H3类=headerbar＆GT;＆所述; A HREF =＃＆GT; CVS＆所述; / a取代;＆所述; / H3＆GT;

    ＆LT; UL类=子菜单＆GT;
      ＆LT;李＆GT;＆LT; A HREF =＃＆GT;胸痛＆LT; / A＆GT;＆LT; /李＆GT;
      ＆LT;李＆GT;＆LT; A HREF =＃＆GT;胸痛MASTER＆LT; / A＆GT;＆LT; /李＆GT;
      ＆LT;李＆GT;＆LT; A HREF =＃＆GT;头晕眩晕-LOC＆LT; / A＆GT;＆LT; /李＆GT;
      ＆LT;李＆GT;＆LT; A HREF =＃＆GT;地方腿着广义溶胀LT; / A＆GT;＆LT; /李＆GT;
      ＆LT;李＆GT;＆LT; A HREF =＃＆GT;气短（+ PND）的LT; / A＆GT;＆LT; /李＆GT;
    ＆LT; / UL＆GT;

    ＆所述; H3类=headerbar＆GT;＆所述; A HREF =＃＆GT;耳鼻喉科＆所述; / a取代;＆所述; / H3＆GT;
    ＆LT; UL类=子菜单＆GT;
      ＆LT;李＆GT;＆LT; A HREF =＃＆GT; EAR＆LT; / A＆GT;＆LT; /李＆GT;
      ＆LT;李＆GT;＆LT; A HREF =＃＆GT;鼻和LT; / A＆GT;＆LT; /李＆GT;
      ＆LT;李＆GT;＆LT; A HREF =＃＆GT;喉咙和LT; / A＆GT;＆LT; /李＆GT;
    ＆LT; / UL＆GT;

    ＆所述; H3类=headerbar＆GT;＆所述; A HREF =＃＆gt;常规＆所述; / a取代;＆所述; / H3＆GT;
    ＆LT; UL类=子菜单＆GT;
      ＆LT;李＆GT;＆LT; A HREF =＃＆GT;疲劳倦怠和LT; / A＆GT;＆LT; /李＆GT;
      ＆LT;李＆GT;＆LT; A HREF =＃＆GT;发热＆LT; / A＆GT;＆LT; /李＆GT;
      ＆LT;李＆GT;＆LT; A HREF =＃＆GT;皮疹和放大器;瘙痒＆LT; / A＆GT;＆LT; /李＆GT;
    ＆LT; / UL＆GT;

    ＆所述; H3类=headerbar＆GT;＆所述; A HREF =＃＆GT; GIT＆所述; / a取代;＆所述; / H3＆GT;
    ＆LT; UL类=子菜单＆GT;
      ＆LT;李＆GT;＆LT; A HREF =＃＆GT;腹胀＆LT; / A＆GT;＆LT; /李＆GT;
      ＆LT;李＆GT;＆LT; A HREF =＃＆GT;腹痛＆LT; / A＆GT;＆LT; /李＆GT;
      ＆LT;李＆GT;＆LT; A HREF =＃＆GT;黑便和LT; / A＆GT;＆LT; /李＆GT;
      ＆LT;李＆GT;＆LT; A HREF =＃＆GT;大便秘结＆LT; / A＆GT;＆LT; /李＆GT;
      ＆LT;李＆GT;＆LT; A HREF =＃＆GT;腹泻＆LT; / A＆GT;＆LT; /李＆GT;
      ＆LT;李＆GT;＆LT; A HREF =＃＆GT;恶心，呕吐和LT; / A＆GT;＆LT; /李＆GT;
    ＆LT; / UL＆GT;

    ＆所述; H3类=headerbar＆GT;＆所述; A HREF =＃＆GT;神经病学其中; / a取代;＆所述; / H3＆GT;
    ＆LT; UL类=子菜单＆GT;
      ＆LT;李＆GT;＆LT; A HREF =＃＆GT;失语症和放大器;口齿不清＆LT; / A＆GT;＆LT; /李＆GT;
      ＆LT;李＆GT;＆LT; A HREF =＃＆GT;平衡震颤麻痹＆LT; / A＆GT;＆LT; /李＆GT;
      ＆LT;李＆GT;＆LT; A HREF =＃＆GT;头痛＆LT; / A＆GT;＆LT; /李＆GT;
      ＆LT;李＆GT;＆LT; A HREF =＃＆GT;癫痫，记忆力减退，CONFUSION＆LT; / A＆GT;＆LT; /李＆GT;
      ＆LT;李＆GT;＆LT; A HREF =＃＆GT;刺痛，麻木和LT; / A＆GT;＆LT; /李＆GT;
    ＆LT; / UL＆GT;

     ＆所述; H3类=headerbar＆GT;＆所述; A HREF =＃＆GT;肺＆所述; / a取代;＆所述; / H3＆GT;
     ＆LT; UL类=子菜单＆GT;
      ＆LT;李＆GT;＆LT; A HREF =＃＆GT;咳嗽＆LT; / A＆GT;＆LT; /李＆GT;
     ＆LT; / UL＆GT;
  ＆LT; / DIV＆GT;
＆LT; / DIV＆GT;

和这里是我的装载code：

 ＆LT; DIV ID =内容＆GT;
＆LT;脚本＆GT;
$获得（'breast.php'，功能（数据）{
$（'内容'）HTML（数据）。
}）;
＆LT; / SCRIPT＆GT;

＆LT; / DIV＆GT;

当我点击菜单项，然后在相关的页面应该在该div

感谢你在前进， Ramsai

解决方案

  $（文件）。就绪（函数（）{
                        $（'＃leftmenu'）。找到（'A [HREF * =PHP]）。住（点击，功能（五）{
                            即preventDefault（）;

                            $。获得（$（本）.attr（HREF），功能（数据）{
                                $（'内容'）HTML（数据）。
                            }）;
                        }）;
        //要么

                    $（'＃leftmenu'）。找到（'A [HREF * =PHP] [级* =MyWebLink]）。住（点击，功能（五）{
                        即preventDefault（）;
如果（！$（本）.hasClass（'Alreadyloaded'））{

                        VAR URL = $（本）.attr（HREF'）;

                        $阿贾克斯（{
                            网址：网址，键入：获取，数据类型：JSON，
                            //数据：{值：$（本）的.data（'值'）}，
                            成功：功能（数据）{
                                $（'内容'）追加（数据）。
    //要么
                                $（'内容'）prePEND（数据）。

                                $（本）.addClass（'Alreadyloaded'）;
                            }
                        }）;
}
                    }）;
                    }）;

I am having a php template where i have a leftmenu as accordin jquery menu. In this menu i had menu items .When i click the menu item, page related to this menu item to be loaded into the div in the right side of the page without refresh.I am giving you the screenshot of the page.

Can anyone help me in this regard,

Thank you in advance Ramsai

here is the code of 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>

And here is my loading code:

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

</div>

When i click the menu item then the related page should come in that div

Thank you in advance, Ramsai

解决方案

                    $(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');
                            }
                        });
}
                    });
                    });

阅读全文

相关专题：单击；菜单项；页面；内容；在同一；div ；发布时间：2023-09-10 21:08:53