Question

我正在使用JQuery

我有以下JQuery代码

$(document).ready(function() 
{
        //Looking for each element in the file which has a class "load-fragment" in it
        $(".load-fragment").each(function()         
        {          
            var $objThis = $(this);
            var fname = $objThis.attr("href"); //Getting the href of the element
            var dynDivID = "divContent"+ $objThis.attr("id");  //Name of the dynamic div ID
            var newDiv = $("<div>").attr("id",dynDivID)
            .load(fname+ " #tab-container", {pupdate:"true"},function(response, status, xhr) 
            {
                if (status == "error") 
                {
                    //var msg = "Sorry but there was an error: ";
                    //newDiv.append(msg + xhr.status + " " + xhr.statusText);

                    window.location.href = "www.myerrorpage.aspx";
                }

            })//Loading page fragment from the given link
            .hide()//Hiding all the newly created DIVs
            .addClass('dynDiv')//Adding CSS to newly created Dynamic Divs
            .append($('<img/>').attr({ src: '/system/Images/ajax-loader-circle-thickbox.gif', alt: '', style:'margin:50px 0px 50px 185px' }));//Adding the loading.gif file
            $("#container-4").append(newDiv);//adding new div in div column2
        });    
        $(".load-fragment").click(function(event) 
        {
            // load page on click  
            var $thiz = $(this); //making the current object    
            $thiz.attr("href", "#");         
            $(".tabs-nav li").removeClass("tabs-selected"); //removing the css from the li
            $thiz.parent().addClass("tabs-selected"); //adding the selected class to the parent on click
            $("#tab-container").hide(); //playing with hide and show
            $(".dynDiv").hide();
            $("#divContent" + $thiz.attr("id")).show(); 
            return false;   
        });           

});

如果你看到上面的Jquery代码，我正在使用 .load 函数，并进一步检查httprequest上的错误。现在这个 .load 函数写在 $（“。load-fragment”）上。每个（function（）它重定向到第一页上的错误页面加载如果在任何有 .load-fragment 类的链接上发送httprequest时出现任何错误，我希望只有当用户点击该链接时才会重定向，而不是在页面加载上。

请建议！

Answer 1

我通过以下代码更改解决了上述问题。 //为目标标签功能添加的功能

$(document).ready(function() 
{
        //Looking for each element in the file which has a class "load-fragment" in it
        $(".load-fragment").each(function()         
        {          
            var $objThis = $(this);
            var fname = $objThis.attr("href"); //Getting the href of the element
            var dynDivID = "divContent"+ $objThis.attr("id");  //Name of the dynamic div ID
            var newDiv = $("<div>").attr("id",dynDivID)
            .load(fname+ " #tab-container", {pupdate:"true"},function(response, status, xhr) 
            {
                //Checking whether response contains class "formContainer" in it or not
                if( $(response).find('#tab-container').find('.formContainer').length ) 
                {                    
                    ($objThis).unbind("click"); //Removing the attached click event                                                  
                }      
                if (status == "error") 
                {               
                    newDiv.removeClass('dynDiv');
                    newDiv.addClass('errorDiv');
                }
            })//Loading page fragment from the given link
            .hide()//Hiding all the newly created DIVs
            .addClass('dynDiv')//Adding CSS to newly created Dynamic Divs
            .append($('<img/>').attr({ src: '/system/Images/ajax-loader-circle-thickbox.gif', alt: '', style:'margin:50px 0px 50px 185px' }));//Adding the loading.gif file
            $("#container-4").append(newDiv);//adding new div in div column2
        });    
        $(".load-fragment").click(function(event) 
        {
            // load page on click  
            var $thiz = $(this); //making the current object   
            var link =  $thiz.attr("href");

            $(".tabs-nav li").removeClass("tabs-selected"); //removing the css from the li
            $thiz.parent().addClass("tabs-selected"); //adding the selected class to the parent on click
            $("#tab-container").hide(); //playing with hide and show
            $(".dynDiv").hide();

            if ( $("#divContent" + $thiz.attr("id")).hasClass("errorDiv") )
            {
                $("#divContent" + $thiz.attr("id")).show();                         
                setTimeout(function(){location.href=link;},200);    
            }
            else
            {            
                $("#divContent" + $thiz.attr("id")).show(); 
                $thiz.attr("href", "#");  
                $(".errorDiv").hide(); 
            }
            return false;   
        });           

}); 
//End of function

请查看并建议是否需要进行任何更改！

如何在jquery加载函数上有404和500错误时重定向到页面

1 个答案: