Question

我得到了这个'ReferenceError：display is not defined'我的脚本链接如下所示。

<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');    
}

Answer 1

你可以看到你的承认造成了问题：
_从链接源

复制

            html += '  
                     <div class="cart" >
                    ' + $(element).find('.cart').html() + '</div>';

在这一行你的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>';

在这里你可以看到html+=' <div>'这行在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>';

ReferenceError：未定义显示

1 个答案: