繁体   English   中英

jQuery click(function(event)超链接将不起作用

[英]jQuery click(function(event) hyperlinks won't work

我无法弄清楚为什么使用jQuery click事件时超链接不起作用。

我希望有1个按钮可以用作链接,而一个按钮则可以跳转到当前页面。

div class="shortcat">
<a href="test.html"><i class="icon-thumbs-up"></i>Test Now</a>
<a href="#Learnmore"><i class="icon-picture"></i>Learn More</a>
</div>

//--------- jQuery ---------------//

jQuery(window).load(function() { 
        jQuery("#loaderInner").fadeOut(); 
        jQuery("#loader").delay(400).fadeOut("slow"); 
        $('.teaserTitle ').stop().animate({marginTop :'330px', opacity:"1"}, 1000, 'easeOutQuint');
        $('.shortcat a ').stop().animate({marginTop :'65px', opacity:"1"}, 600, 'easeOutQuint');
});


$(document).ready(function(){

$("#mainNav ul a, .logo a, .shortcat a, .notBtn a").click(function(event){

        event.preventDefault();
        var full_url = this.href;
        var parts = full_url.split("#");
        var trgt = parts[1];
        var target_offset = $("#"+trgt).offset();
        var target_top = target_offset.top;

        $('html,body').animate({scrollTop:target_top -80}, 800);
});


//-------------Highlight the current section in the navigation bar------------//
    var sections = $("section");
        var navigation_links = $("#mainNav a");

        sections.waypoint({
            handler: function(event, direction) {

                var active_section;
                active_section = $(this);
                if (direction === "up") active_section = active_section.prev();

                var active_link = $('#mainNav a[href="#' + active_section.attr("id") + '"]');
                navigation_links.removeClass("active");
                active_link.addClass("active");

            },
            offset: '35%'
        });

第一部分是HTML,第二部分是我的script.js

我认为点击功能事件是错误的。

当我从中删除快捷方式时,超链接将起作用,但跳转至不再。

会有简单的解决方法吗?

click事件中的功能很可能在这里失败

var trgt = parts[1];

对于第一个链接,因为零件将是不确定的

随你去:这很好

http://jsfiddle.net/6g4j2/

$(document).ready(function(){
   $("#mainNav ul a, .logo a, .shortcat a, .notBtn a").click(function(event){

        var full_url = this.href;
        var parts = full_url.split("#");
        var trgt = parts[1];

        if (trgt != undefined) {
            event.preventDefault();
            var target_offset = $("#"+trgt).offset();
            var target_top = target_offset.top;
            $('html,body').animate({scrollTop:target_top -80}, 800);
            return false;
        }

  });
});

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM