긴 질문을 짧게하려면 : 예를 들어, godaddy.com에는 메뉴가 있습니다. 해당 메뉴에서 "호스팅"을 클릭하려고한다고 가정 해보십시오. 웹 사이트와 웹 사이트 바로 옆에 있지만 내 사이트에서 호스팅이라는 단어를 클릭하면 아무 일도 일어나지 않습니다. 웹 사이트의 호스팅 페이지로 연결되지 않습니다. 그게 내 문제 야, 내 메뉴를 클릭하려면 어떻게해야합니까? 내가 사용하는 코드는 다음과 같습니다. 나는이 템플릿을 사용하고jQuery 메뉴를 어떻게 클릭합니까?
는 기본 home.html
파일은 다음과 온 :
<!-- Begin Navigation -->
<div id="navigation">
<ul>
<li><a href="#" title="Home">Home</a></li>
<li><a href="#" title="Services">Services</a></li>
<li><a href="#" title="Order">Order</a></li>
<li><a href="#" title="Contact Us">Contact Us</a></li>
<li><a href="#" title="Log in">Log in</a></li>
</ul>
<div class="cl"> </div>
</div>
<!-- End Navigation -->
내 JS 기능은 다음과 같습니다 : 나는 메뉴를 클릭 기능 어디서나 click()
을 추가하지만, jQuery를 슬라이더 작동이 중지 될 때 . 내 웹 사이트에서 다른 jQuery가 실행 한 항목에 영향을주지 않고 메뉴를 클릭 가능하게 만들려면 어떻게해야합니까?
$(function() {
$("#navigation ul").lavaLamp({
fx: "backout",
speed: 700,
click: function (event, menuItem) {
$('#navigation li.current').removeClass('current');
$(this).addClass('current');
return false;
}
});
$('#slider ul.slider-items').jcarousel({
'scroll': 1,
'auto': 7,
'wrap': 'both',
initCallback: mycarousel_initCallback,
buttonNextHTML: null,
buttonPrevHTML: null,
itemVisibleInCallback: {
onAfterAnimation: function (c, o, i, s) {
jQuery('.slider-nav li').removeClass('active');
jQuery('.slider-nav li:eq(' + (i - 1) + ')').addClass('active');
}
}
});
$('.widget .button').hover(function() {
$(this).addClass('button-act');
}, function() {
$(this).removeClass('button-act');
});
if ($.browser.msie && $.browser.version == 6) {
DD_belatedPNG.fix('#header, h1#logo a, li.back, li.back .left, #slider, .frame, ul.slider-items li h2, .slider-nav, .nav-inner, #main-top, #main-bot, #main-cnt, .side-outer, .side-bottom, .side-inner, .widget h2, #slider .button, #slider .button span, .comment, .post-info, .separator');
}
});
function mycarousel_initCallback(carousel) {
$('.slider-nav .nav-inner').append('<ul></ul>');
var i = 1;
$('.slider-items li').each(function() {
$('.slider-nav ul').append('<li><a href="#">' + i + '</a></li>');
i++;
});
$('.slider-nav .nav-inner').append('<div class="cl"> </div>');
$('.slider-nav li:last').addClass('last');
$('.slider-nav a').bind('click', function() {
carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
return false;
});
$('.slider-nav').css('margin-top', function() {
return -($(this).find('.nav-inner').outerHeight()/2 + 7) + 'px';
});
};
시도해보고이 줄'return false;' – zzlalani
어떻게 코멘트합니까? 그것은이 같은 "반환 거짓;" – user3105746
크리스마스를 위해 작문 스타일을 고쳤습니다. – peterh