引用错误:未定义显示

我得到了这个"参考错误：未定义显示"，其中我的脚本链接如下所示。

<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/ui/jquery-ui-1.8.16.custom.min.js"></script>

我用最新版本 1.11.1 替换它们并尝试使用

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

但仍然存在引用错误。我应该更改什么显示功能（脚本）：

function display(view) {
  if (view == 'list') {
    $('.product-grid').attr('class', 'product-list');
    $('.product-list > div').each(function(index, element) {
        html = '<div class="left">';
        var image = $(element).find('.image').html();   
        if (image != null) { 
            html += '<div class="image">' + image + '</div>';
        }
        html += '<div class="mask hide-phone">';
        html += '  <div class="wishlist">' + $(element).find('.wishlist').html() + '</div>';
        html += '  <div class="compare">' + $(element).find('.compare').html() + '</div>';
        html += '</div>';           
        html += '  <div class="name">' + $(element).find('.name').html() + '</div>';
        html += '  <div class="description">' + $(element).find('.description').html() + '</div>';
        var rating = $(element).find('.rating').html();         
        if (rating != null) {
            html += '<div class="rating">' + rating + '</div>';
        }
        var price = $(element).find('.price').html();       
        if (price != null) {
            html += '<div class="price">' + price  + '</div>';
        }
        html += '  <div class="cart">' + $(element).find('.cart').html() + '</div>';
        html += '  <div class="cart-phone show-phone hide-desktop hide-tablet">' + $(element).find('.cart-phone').html() + '</div>';            
        html += '</div>';
        $(element).html(html);
    });     
    $('.display').html(' <div id="list_b"></div>  <a id="grid_a" title="<?php echo $text_grid; ?>" onclick="display(''grid'');"></a>');
    $.totalStorage('display', 'list'); 
    } else {
    $('.product-list').attr('class', 'product-grid');
    $('.product-grid > div').each(function(index, element) {
        html = '';
        var image = $(element).find('.image').html();
    if (image != null) {
            html += '<div class="image">' + image + '</div>';
        }
        html += '<div class="mask hide-phone">';
        html += '  <div class="wishlist">' + $(element).find('.wishlist').html() + '</div>';
        html += '  <div class="compare">' + $(element).find('.compare').html() + '</div>';
        html += '</div>';
        html += '<div class="name">' + $(element).find('.name').html() + '</div>';
        html += '<div class="description">' + $(element).find('.description').html() + '</div>';
    var rating = $(element).find('.rating').html();
        if (rating != null) {
            html += '<div class="rating">' + rating + '</div>';
        }
        var price = $(element).find('.price').html();
        if (price != null) {
            html += '<div class="price">' + price  + '</div>';
        }
        html += '<div class="cart">' + $(element).find('.cart').html() + '</div>';
        html += '  <div class="cart-phone show-phone hide-desktop hide-tablet">' + $(element).find('.cart-phone').html() + '</div>';
        $(element).html(html);
    });                     
    $('.display').html(' <a id="list_a" title="<?php echo $text_list; ?>" onclick="display(''list'');"><?php echo $text_list; ?></a> <div id="grid_b"></div>');
$.totalStorage('display', 'grid');
  }
 }
view = $.totalStorage('display');    
if (view) {    
    display(view);    
} else {    
    display('list');    
}