Bootstrap NavBar Dropdown Parent Tab Показва Expand Child Menu при щракване

Използвам рамката Bootstrap за първи път и досега ми харесва, но наскоро се натъкнах на проблем с компонента на лентата за навигация. Проблемът възникна, когато започнах да конвертирам моя HTML сайт в тема на Wordpress. Единственият екземпляр, който имам за раздел с падащо меню, сега показва термина „разширяване на дъщерно меню“, след като върху него се щракне и разкрие подменюто. Не можах да намеря нищо свързано с този проблем и при търсене във форума на Github Bootstrap.

Ето два примера по-долу, единият с проблема и предишния ми HTML сайт, където работи добре. Кликнете върху раздела "Групи", за да видите за какво говоря. Благодаря предварително на всеки, който може да помогне за разрешаването на проблема ми!

http://www.bethpagecamp.com/home/ – (сайт за тестване на Wordpress с проблема за етикета на падащия раздел)

http://consociatemedia.com/dev/bethpage/ - (първоначален HTML сайт без проблеми за падащия етикет)


wordpress drop-down-menu twitter-bootstrap-3 navbar html-lists
person Mawkus    schedule 07.03.2015    source източник

Отговори (2)


arrow_upward
2
arrow_downward

Реших този проблем, като добавих

add_action('wp_enqueue_scripts', 'no_more_jquery');
function no_more_jquery(){
    wp_deregister_script('jquery');
}

към моите функции.php

изглежда грешката е причинена от дублирани jquery скриптове.

наздраве

ck

person coke    schedule 02.04.2015

arrow_upward
1
arrow_downward

Благодаря CK за отговора!

Вероятно не е най-ефективният вариант, но също така измислих решение, като деактивирах някакъв код, който извикваше това „разширяване на дъщерното меню“ в папката с теми на Wordpress (my-theme/js/function.js).

$( '.dropdown-toggle' ).click( function( e ) {
    var _this = $( this );
    e.preventDefault();
    _this.toggleClass( 'toggle-on' );
    _this.next( '.children, .sub-menu' ).toggleClass( 'toggled-on' );
    _this.attr( 'aria-expanded', _this.attr( 'aria-expanded' ) === 'false' ? 'true' : 'false' );
    _this.html( _this.html() === screenReaderText.expand ? screenReaderText.collapse : screenReaderText.expand );
} );

Определено ще отбележа вашето решение за бъдещи случаи като този. Благодаря отново!

person Mawkus    schedule 03.04.2015