未捕获的ReferenceError:未定义showCategory

Uncaught ReferenceError: showCategory is not defined

本文关键字：未定义 showCategory ReferenceError      更新时间：2023-09-26

我定义了一个名为showCategory的函数。然而，由于某种原因，我的调试器告诉我，show Category没有定义。并且不会加载/生成JSON页面。它还说"未捕获类型错误：无法读取未定义的属性‘替换’"

$.ajax({
type: 'GET',
url: 'http://jsonstub.com/bike/1',
contentType: 'application/json',
beforeSend: function (request) {
    request.setRequestHeader('JsonStub-User-Key', '50caee73-c7ed-43b7-912a-7fd6fcdbfd91');
    request.setRequestHeader('JsonStub-Project-Key', '54fb5790-b2cc-432f-88ee-7d3596b700bd');
}
}).done(function showCategory( urlObj, options )
{
    var categoryName = urlObj.hash.replace( /.*category=/, "" ),
    category = categoryData[ categoryName ],    
    pageSelector = urlObj.hash.replace( /'?.*$/, "" );
if ( category ) {
    var $page = $( pageSelector ),
        $header = $page.children( ":jqmData(role=header)" ),
        $content = $page.children( ":jqmData(role=content)" ),
        markup = "<p>" + category.description + "</p><ol>",     
        content = "<p>" + category.content + "</p>",
        image = "<div class='image'><img src='"  + category.picUrl + "'></img></div>" ,
        cItems = category.items,
        numItems = cItems.length;

    for ( var i = 0; i < numItems; i++ ) {
        markup += "<li>" + cItems[i].name + "</li>";
    }
    markup += "</ol>";

    $header.find( "h3" ).html( category.name );
    $content.html( markup + content + image );
    $page.page();
    $content.find( ":jqmData(role=listview)" ).listview();
    options.dataUrl = urlObj.href;
    $.mobile.changePage( $page, options );

}
})

$(document).bind( "pagebeforechange", function( e, data ) {
if ( typeof data.toPage === "string" ) {
    var u = $.mobile.path.parseUrl( data.toPage ),
        re = /^#category-item/;
    if ( u.hash.search(re) !== -1 ) {           
        showCategory( u, data.options );
        e.preventDefault();
    }
}
});

我尝试了一些方法，但不起作用。有什么想法吗？

演示JSFIDDLE

在AJAX请求的done方法之外定义showCategory函数，然后调用它。

 function showCategory(args){
  //stuff
 }
 $.ajax({
  //ajax stuff
 }).done(function(data){showCategory(argsTakenFromData)})
 $(document).bind( "pagebeforechange", function( e, data ) {
     if ( typeof data.toPage === "string" ) {
        var u = $.mobile.path.parseUrl( data.toPage ),
        re = /^#category-item/;
        if ( u.hash.search(re) !== -1 ) {           
        showCategory( u, data.options );
           e.preventDefault();
        }
      }
  });

应该有帮助。

UPD在done函数调用中稍微更改了我的答案。但是你仍然会得到一个错误，因为你忘记定义categoryData数组，或者我没有看到它的声明，所以请在评论中告诉我，所以，在声明arr的同时尝试一下，并告诉我结果。

相关文章：