เว็บบอร์ด PHP เว็บส่งเสริมการเรียนรู้ Hosting CRM ERP Server Programming ถาม-ตอบปัญหา

:icon_plusone: :like: :biggrin:

<script>
        jQuery(document).ready(function() {
                jQuery('ul.nav > li.deeper').removeClass('parent').removeClass('deeper').addClass('dropdown');
                jQuery('li.dropdown > a').prop('class', 'dropdown-toggle').attr('data-toggle', 'dropdown').prop('href', '#').append('<b class="caret"></b>');
                jQuery('li.dropdown > ul.nav-child').prop('class','dropdown-menu');
        });
</script>

ลองเอา script นี้ไปวางครับ :baa:

[code]<script>
jQuery(document).ready(function() {
jQuery('ul.nav > li.deeper').removeClass('parent').removeClass('deeper').addClass('dropdown');
jQuery('li.dropdown > a').prop('class', 'dropdown-toggle').attr('data-toggle', 'dropdown').prop('href', '#').append('<b class="caret"></b>');
jQuery('li.dropdown > ul.nav-child').prop('class','dropdown-menu');
});
</script>[/code]

         <div class="navigation"> 
         <div class="navbar navbar-inner">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
             </a>
         <div class="nav-collapse collapse">
             <jdoc:include type="modules" name="position-1" style="none" />
          </div> 
          </div>
          </div> 

[b][color=#0080FF]มีปัญหาในการแก้ template menu ค่ะ Joomla 3
คือต้องการสร้างแทบเมนูให้เวลาย่อขนาดหน้าจอแล้วเป็นแบบภาพข้างล่างนะคะ
[attachment=2]21-11-2556 18-48-55.jpg[/attachment]
แต่พอทำได้แบบนี้แล้ว มีปัญหาตอนกด tab มันดันขึ้น sub-menu มาให้ไม่ครบนะคะ
[attachment=1]21-11-2556 18-43-56.jpg[/attachment]
ทั้งๆที่เปิดจอปกติแบบไม่ย่อ sub-menu ขึ้นครบทุกตัว
[attachment=0]21-11-2556 18-43-28.jpg[/attachment]
ไม่ทราบว่าต้องแก้ตรงไหน ยังไงค่ะ รบกวนด้วยนะคะ :cry:
**แก้ไขในส่วนของตัว template นะคะ ...protostar/index.php[/color][/b]

[b][color=#0000FF][u]โค้ดที่เขียนค่ะ[/u][/color][/b]
[code=php]
         <div class="navigation"> 
         <div class="navbar navbar-inner">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
             </a>
         <div class="nav-collapse collapse">
             <jdoc:include type="modules" name="position-1" style="none" />
          </div> 
          </div>
          </div> 
[/code]