javascript - Magento 无法识别自定义 JavaScript 函数

Question

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

情况如下:

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

如果有人能解释为什么当 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未定义我不确定。

Answer 1

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

更新

"/qty/" + qty ")"

至

"/qty/" + qty + ")"

然后刷新。