Question

好的，如果这个问题已经得到解答，我很抱歉，我已经搜索过，但找不到符合我情况的满意答案。

情况如下：

我有一个自定义模板文件，用于显示类别中的产品，该列表的一部分是能够从类别页面直接将产品添加到具有指定数量的购物车。为了实现这一点，我编写了一个函数，重写“添加到购物车”按钮的目标行，提交请求，然后再次将按钮重新写回原始版本（参见下面的代码）。我遇到的问题是，每次单击按钮时，我在调试面板中出现错误，指出customAddToCart is not defined。但是，如果您查看下面的产品列表模板的代码，您可以看到甚至在生成列表之前定义了该函数（顺便说一下，我在页面底部有它并且得到了相同的错误）。

如果有人能够解释为什么当javascript函数被列入与列表相同的页面时，javascript函数将被取消定义...我可以肯定会使用一些帮助。

<?php
/**
 * Product list template
 *
 * @see Mage_Catalog_Block_Product_List
*/
?>
<?php
    $_productCollection=$this->getLoadedProductCollection();
    $_helper = $this->helper('catalog/output');
?>
<script type="text/javascript">
    function customAddToCart( product_id, url ){
        var qty = document.getElementById('qty_input_'+product_id).value;
        document.getElementById('addtocartbutton_'+product_id).setAttribute('onclick', "setLocation(" + url + "/qty/" + qty ")");
        document.getElementById('addtocartbutton_'+product_id).click(); return false;
        document.getElementById('addtocartbutton_'+product_id).setAttribute('onclick', "customAddToCart(" + product_id + ", " + url + ")");
    }
</script>
<?php if(!$_productCollection->count()): ?>
<p class="note-msg"><?php echo $this->__('There are no products matching the selection.') ?></p>
<?php else: ?>
<div class="category-products">
    <?php // List mode ?>
    <?php if($this->getMode()!='grid'): ?>
    <ol class="products-list" id="products-list">
    <?php foreach ($_productCollection as $_product): ?>
        <li class="item">
            <?php // Product Image ?>
            <a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" class="product-image"><img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->constrainOnly(TRUE)->keepAspectRatio(TRUE)->keepFrame(FALSE)->resize(230, null); ?>" width="230" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" /></a>
            <?php // Product description ?>
            <div class="product-shop">
                <div class="f-fix">
                    <?php $_productNameStripped = $this->stripTags($_product->getName(), null, true); ?>
                    <h2 class="product-name"><a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $_productNameStripped; ?>"><?php echo $_helper->productAttribute($_product, $_product->getName() , 'name'); ?></a></h2>
                    <?php if($_product->getRatingSummary()): ?>
                    <?php echo $this->getReviewsSummaryHtml($_product) ?>
                    <?php endif; ?>
                    <?php echo $this->getPriceHtml($_product, true) ?>                    
                    <div class="desc std">
                        <?php echo $_helper->productAttribute($_product, $_product->getShortDescription(), 'short_description') ?>
                        <a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $_productNameStripped ?>" class="link-learn"><?php echo $this->__('Learn More') ?></a>
                    </div>
                    <ul class="add-to-links">
                        <?php if ($this->helper('wishlist')->isAllow()) : ?>
                            <li><a href="<?php echo $this->helper('wishlist')->getAddUrl($_product) ?>" class="link-wishlist"><?php echo $this->__('Add to Wishlist') ?></a></li>
                        <?php endif; ?>
                        <?php if($_compareUrl=$this->getAddToCompareUrl($_product)): ?>
                             <li><span class="separator">|</span> <a href="<?php echo $_compareUrl ?>" class="link-compare"><?php echo $this->__('Add to Compare') ?></a></li>
                        <?php endif; ?>
                    </ul>
                    <div class="add-to-cart-options">
                    <?php if($_product->isSaleable()): ?>
                    <?php if( !($_product->getTypeInstance(true)->hasRequiredOptions($_product) || $_product->isGrouped() )){ ?>
                        <label for="qty_input">Quantity: </label>
                        <input type="text" class="spinner qty-input" name="qty_input" id="qty_input_<?php echo $_product->getId(); ?>" />
                        <?php /*<p><button type="button" title="<?php echo $this->__('Add to Cart') ?>" class="button btn-cart" onclick="setLocation('<?php echo $this->getAddToCartUrl($_product) ?>')"><span><span><?php echo $this->__('Add to Cart') ?></span></span></button></p> */ ?>
                        <button type="button" class="button" onclick="javascript:customAddToCart(<?php echo $_product->getId(); ?>, '<?php echo $this->getAddToCartUrl($_product); ?>')"><span><span><?php echo $this->__('Add to Cart'); ?></span></span></button>
                    <?php } else { ?>
                        <button type="button" class="button" id="addtocartbutton_<?php echo $_product->getId(); ?>" onclick="setLocation('<?php echo $this->getAddToCartUrl($_product) ?>')"><span><span><?php echo $this->__('Add to Cart'); ?></span></span></button>
                    <?php } ?>
                    <?php else: ?>
                    <p class="availability out-of-stock"><span><?php echo $this->__('Out of stock') ?></span></p>
                <?php endif; ?>
                </div>
            </div>
        </div>
    </li>
<?php endforeach; ?>
</ol>    
<script type="text/javascript">decorateList('products-list', 'none-recursive')</script>

<?php else: ?>

正如您所看到的，该功能在页面顶部明确定义，为什么这个按钮

<button type="button" class="button" onclick="javascript:customAddToCart(<?php echo $_product->getId(); ?>, '<?php echo $this->getAddToCartUrl($_product); ?>')"><span><span><?php echo $this->__('Add to Cart'); ?></span></span></button>

导致控制台中的消息说customAddToCart is not defined我不确定。

Answer 1

“意外字符串”是否有错误？函数第二行中的连接缺少最后一个加号。

更新

"/qty/" + qty ")"

到

"/qty/" + qty + ")"

并刷新。

Magento无法识别自定义javascript功能

1 个答案: