Prototype and jQuery UI interference -
ok i've been researching while , reordered javascript files knows how many times. know prototype , jquery not work eachother. however, jquery working, jquery ui functions not.
i'm listing js files in order: - prototype.js - jquery.js - jquery-ui.js - jquery-noconflict.js
my jquery no conflict file looks this:
jquery.noconflict();
ok of junk in tags. later on in page, i'm doing this:
<div class="product_tabs clearfix"> <ul> <?php if ($_description): ?> <li><a href="#tabs-1"><?php echo $this->__('details') ?></a></li> <?php endif; ?> <li><a href="#tabs-2">review</a></li> <li><a href="#tabs-3">tags</a></li> </ul> <div class="std clearfix"> <?php if ($_description): ?> <div id="tabs-1"><?php echo $this->helper('catalog/output')->productattribute($this->getproduct(), $_description, 'description') ?></div> <?php endif; ?> <div id="tabs-2"> <div class="row"> <div class="span5"><?php echo $this->getchildhtml('review_form') ?></div> <div class="span4"><?php echo $this->getchildhtml('reviews') ?></div> </div> </div> <div id="tabs-3"><?php echo $this->getchildhtml('product_tag_list') ?></div> </div> </div> <script type="text/javascript"> jquery(document).ready(function($) { $('.product_tabs').tabs(); }); </script>
and broken.. however, main.js file called before noconflict file, after js , prototype files works drop down navigation using same ready() function above works.
however, move tabs() function main.js file , still doesn't work while erasing page. have solution this?
i erased noconflict on page using tabs() function , works fine, ie8 , below, not. wasn't valuable solution... 1 think of.
and have keep prototype because i'm using magento cms!
you should use $ prototype functions , jquery jquery's, this:
<script type="text/javascript"> jquery(document).ready(function() { jquery('.product_tabs').tabs(); }); </script>
Comments
Post a Comment