動態設置分區的寬度

我在一個magento產品頁面上有一個jScrollPane，它在顯示爲內聯列表的選項中提取（請參閱屏幕截圖 - http://awesomescreenshot.com/06dlbao6b）。動態設置分區的寬度

是否可以動態設定分割尺寸取決於內容，有些產品只能有2個選擇，但有些人可能有27

到目前爲止，我只制定了出大於4的一種方式選項，如果我手動設置分區寬度，這不是一個真正的選擇，因爲如果我只有3個產品，我不需要顯示滾動控件。

有問題的部門是產品選項選擇器div。

不知道是否有幫助，但這裏是\模板\目錄\產品\圖\選項\型號\ select.phtml問題代碼：

<?php /* @var $this Mage_Catalog_Block_Product_View_Options_Type_Select */ ?> 
<?php $_option = $this->getOption() ?> 

<script> 
jQuery(function() 
{ 
    var pane = jQuery('.product-options-container'); 
    pane.jScrollPane(
     { 
      showArrows: true, 
      animateScroll: true 
     } 
    ); 
}); 
</script> 
    <div class="product-options-title"> 
    <dt> 
     <label<?php if ($_option->getIsRequire()) echo ' class="required"' ?>> 
     <?php if ($_option->getIsRequire()) echo '<em>*</em>' ?> 
     <?php echo $this->htmlEscape($_option->getTitle()) ?></label> 
    </dt> 
    </div> 
<div class="product-options-container"> 
    <div class="product-options-chooser"> 
    <dd<?php if ($_option->decoratedIsLast){?> class="options-last"<?php }?>> 
     <div class="input-box"> <?php echo $this->getValuesHtml() ?> 
     <?php if ($_option->getIsRequire()): ?> 
     <?php if ($_option->getType() == Mage_Catalog_Model_Product_Option::OPTION_TYPE_RADIO || $_option->getType() == Mage_Catalog_Model_Product_Option::OPTION_TYPE_CHECKBOX): ?> 
     <span id="options-<?php echo $_option->getId() ?>-container"></span> 
     <?php endif; ?> 
     <?php endif;?> 
     </div> 
    </dd> 
    </div> 
</div>

來源

2011-09-28 Vince Pettit

確定計算內部元素的寬度並將其相乘 –

此外，JavaScript（因此jQuery）在客戶端工作，這意味着php（服務器端）腳本是不相關的;我們需要看到呈現的html。 –

現在有一種解決方法是設法將寬度設置爲具體產品的特定類別

來源

2011-10-21 08:46:19

動態設置分區的寬度

回答

相關問題