묻고답하기
xe 메뉴클릭시 했을때 메뉴 오버 했을때
2018.05.14 11:12
메뉴를 클릭했을때 보이는 하위메뉴를 메뉴를 오버 했을떄로 변경 하고 싶은데 어디 쪽을 소스를 만져애 할지 모르겠습니다
http://hashkorea.co.kr/
댓글 2
-
RTRPRSS
2018.05.14 15:21
-
이여은
2018.05.14 16:45
<!-- owl carousel(main) -->
jQuery(function($){
$('.loop').owlCarousel({
center: true,
items:3,
loop:true,
margin:0,
nav:true,
autoplay:true,
autoWidth:false,
navText:["<img src='/layouts/root_layout/img/root_slider-prev.png'>","<img src='/layouts/root_layout/img/root_slider-next.png'>"],
responsive:{
0:{
items:1,
nav:true
},
425:{
items:1,
nav:true
},
768:{
items:1,
nav:true
},
992:{
items:1,
nav:true
},
1440:{
items:1,
nav:true
}
}
});
});<!-- owl carousel(main) -->
jQuery(function($){
"use strict"; // Start of use strict// jQuery for page scrolling feature - requires jQuery Easing plugin
$('a.page-scroll').bind('click', function(event) {
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: ($($anchor.attr('href')).offset().top - 50)
}, 800, 'easeInOutExpo');
event.preventDefault();
});// Highlight the top nav as scrolling occurs
$('body').scrollspy({
target: '.navbar-fixed-top',
offset: 51
});// Closes the Responsive Menu on Menu Item Click
$('.navbar-collapse ul li a:not(.dropdown-toggle)').click(function() {
$('.navbar-toggle:visible').click();
});// Offset for Main Navigation
$('#mainNav').affix({
offset: {
top: 100
}
})// Initialize and Configure Scroll Reveal Animation
window.sr = ScrollReveal();
sr.reveal('.sr-icons', {
duration: 600,
scale: 0.3,
distance: '0px'
}, 200);
sr.reveal('.sr-button', {
duration: 1000,
delay: 200
});
sr.reveal('.sr-contact', {
duration: 600,
scale: 0.3,
distance: '0px'
}, 300);// Initialize and Configure Magnific Popup Lightbox Plugin
$('.popup-gallery').magnificPopup({
delegate: 'a',
type: 'image',
tLoading: 'Loading image #%curr%...',
mainClass: 'mfp-img-mobile',
gallery: {
enabled: true,
navigateByImgClick: true,
preload: [0, 1] // Will preload 0 - before current, and 1 after the current image
},
image: {
tError: '<a href="%url%">The image #%curr%</a> could not be loaded.'
}
});
저도 이쪽을 손을 대보고 있는데 잘 수정이 되지 않더라구요jQuery(function($){
"use strict"; // Start of use strict// jQuery for page scrolling feature - requires jQuery Easing plugin
$('a.page-scroll').bind('click', function(event) {
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: ($($anchor.attr('href')).offset().top - 50)
}, 800, 'easeInOutExpo');
event.preventDefault();
});제가 볼때는 이쪽에서 소스를 수정 하면 될꺼 같은데 마우스오버를 해봐도 안되더라구요
검사 도구로 찾으니 잘 모르겠네요. http://hashkorea.co.kr/layouts/root_basic_layout01/js/root.js 파일에서 무언가를 바꿀 수 있을 것 같긴 합니다만..
현재 코드에서는 .dropdwon 을 클릭했을 때 .open 클래스를 붙여주고 있는 걸로 보이는데요, 제대로 된 답은 아니지만... 아래 코드를 추가해서 원하는 대로 동작하도록 할 수 있습니다. 코드를 잘 살펴보셔서 .open 클래스를 제어하는 부분을 찾아보세요.
jQuery(".dropdown").on("mouseover", function() {
jQuery(this).addClass("open");
}).on("mouseout", function() {
jQuery(this).removeClass("open");
});