动态设置除法的宽度

时间:2011-09-28 06:31:32

标签: jquery html width dynamic

我在magento产品页面上有一个jScrollPane,它在选项中提取,显示为内联列表(参见屏幕截图 - http://awesomescreenshot.com/06dlbao6b)。

是否可以根据内容动态设置分区大小,因为有些产品只有2个选项,但有些可能有27个。

到目前为止,我只是设法显示超过4个选项,如果我手动设置分割宽度,这实际上不是一个选项,好像我只有3个产品我不需要显示滚动控件。

有问题的部门是产品选项选择器div。

不确定它是否有帮助,但这里是\ template \ catalog \ product \ view \ options \ type \ 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>

1 个答案:

答案 0 :(得分:0)

现在有一个解决方法,设法将宽度设置为特定产品的特定类