製品オプションを Jquery カラーボックスに表示しようとしています。製品オプションがカラーボックス内に表示されないことを除いて、機能しています。これが私がこれまでに持っているものです:
<script type="text/javascript">
(function($) {
jQuery(document).ready(function(){
$(".inline").colorbox({inline:true, width:"50%"});
});
})(jQuery);
</script>
<p><a class='inline' href="#inline_content">Gift Wrapping</a></p>
<div style='display:none'>
<div id="inline_content">
<div class="product-options" id="product-options-wrapper">
<p style="font-size:15px;margin:0;font-weight: bold"><?php echo $this->__('Choose Your Options') ?></p>
<?php echo $this->getChildHtml('', true, true);?>
<?php if ($this->hasRequiredOptions()):?>
<span style="color:red">   <?php echo $this->__('* Required Fields') ?></span>
<?php endif;?>
</div>
<script type="text/javascript">decorateGeneric($$('#product-options-wrapper dl'), ['last']);</script>
</div>
</div>