javascript - 如果存在 js/ajax 导航功能，则停止链接导航

Question

所以这是我的链接

    <a href="www.site.com/get_myinfo" onclick="check_navigation_exist('info');" >
 my info </a>

这就是我要的

        function check_navigation_exist(wher_togo){

            if(typeof(navigator) != 'undefined'
               && 
            $.isFunction(navigator))
            {
                navigator(wher_togo);
                    return false ;
            }
            else
            return ;


        }




  function navigator(where)
    {
        $('#profile_main').html('<img src="'+image_url+'loader.gif" />');
        $.post(base_url+'profile/'+where , function(data){
            $('#profile_main').html(data);
            if(where != 'get_edit')
            odd();
        })  
    }

    function odd(color){
         color = typeof(color) == 'undefined' ? '#DCEABB' : color ;
         $('tr:odd').css('background-color' , color  );
    }

但它不会阻止链接导航

Answer 1

您收到该错误是因为e不在您的参数列表中。通常您可以使用e.preventDefault()，但由于您调用的是函数onclick而不是分配函数，因此您将需要另一种方法，因为您无权访问该事件。

尝试返回false以防止默认操作，并在您的onclick事件中返回函数调用的结果。

<a href="www.site.com/get_myinfo" onclick="return check_navigation_exist('info');">my info </a>

JS

function check_navigation_exist(wher_togo){

    if (typeof(navigator) != 'undefined' && 
        $.isFunction(navigator))
    {
        navigator(wher_togo);
        return false;
    }
}