0

我在我的网站上运行以下代码：

<style>
#main {background-color:#000000; border-top: 0;
padding-bottom: 20px;
min-height: 350px;}

.col-main {float: left;
width: 740px;
padding: 0 0 1px;
color:#FFFFFF;
background-color:#AABBCC;}

.col-right {float: right;
width: 200px;
padding: 0 0 1px;
color:#0F0F0F;
background-color:#DDEEFF;}

img {height:250px; width:250px;}
h1 {color: #ddeeff;}
</style>

<script type="text/javascript">
jQuery.noConflict();
                   if (jQuery(".col-right").height() > jQuery(".col-main").height())

                                          {
jQuery(".col-main").height(jQuery(".col-right").height());
}
else {
jQuery(".col-right").height(jQuery(".col-main").height());
}

</script>

<div id="main"><h1>Main</h1>
<div class="col-main"><img src="http://foryourc-  store.com/media/favicon/default/FYCS_icon-01.png"/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consequat fermentum    nunc a eleifend. Phasellus ut est at justo porttitor gravida. Praesent ut placerat lacus. Etiam consectetur tortor vel nibh sodales semper. Praesent quam magna, pharetra non viverra et, porta a nisi. Aenean et mi ante. Duis a nunc metus, at hendrerit quam. Aenean molestie orci placerat mauris varius non cursus ipsum commodo. Donec sit amet ultrices ligula. Nam egestas ligula vitae justo scelerisque pulvinar. Nunc vestibulum fermentum ligula, vel consequat velit lobortis sed. Suspendisse et dolor lectus, sed dignissim justo. Vivamus rhoncus volutpat rutrum. Quisque pretium mi in enim bibendum in ultrices mi molestie.</div>

<div class="col-right"><img src="http://foryourc-store.com/media/favicon/default/FYCS_icon-01.png">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consequat fermentum nunc a eleifend. Phasellus ut est at justo porttitor gravida. Praesent ut placerat lacus. Etiam consectetur tortor vel nibh sodales semper. Praesent quam magna, pharetra non viverra et, porta a nisi. Aenean et mi ante. Duis a nunc metus, at hendrerit quam. Aenean molestie orci placerat mauris varius non cursus ipsum commodo. Donec sit amet ultrices ligula. Nam egestas ligula vitae justo scelerisque pulvinar. Nunc vestibulum fermentum ligula, vel consequat velit lobortis sed. Suspendisse et dolor lectus, sed dignissim justo. Vivamus rhoncus volutpat rutrum. Quisque pretium mi in enim bibendum in ultrices mi molestie.<br>Integer pharetra sapien metus. Mauris bibendum eleifend luctus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque elementum lobortis luctus. Duis tristique leo sed velit commodo eu consequat magna eleifend. In hac habitasse platea dictumst. Vestibulum sed neque a tellus auctor viverra sit amet sit amet dui. Aliquam dui mi, iaculis sit amet sagittis et, iaculis eu lacus. Morbi viverra tellus non nisl ultrices interdum. Praesent in turpis non justo mollis elementum vel eget velit. Aliquam pulvinar hendrerit tincidunt. Quisque tortor quam, lacinia ut elementum in, lacinia at arcu. Integer porta tincidunt urna nec semper. Vivamus gravida odio id ante adipiscing eu ultricies elit eleifend. Nulla lectus quam, malesuada sed rutrum ac, placerat sed mi. Donec bibendum sagittis dapibus.</div></div>

我正在运行 Magento CE 1.7.0.2。代码在这里工作正常：http: //jsfiddle.net/scoosethemoose/YxNwm/

请帮助我确定哪些工作不正常。先感谢您。

4

3 回答 3

0

假设您正在使用这个http://sorgalla.com/jcarousel/

您在 jQuery('#featured').jcarousel(); 上遇到错误 因为似乎没有包含 jcarousel 插件库（如果您查看 jquery.jcarousel.min.js 或 jcarousel*.js 的源代码）

您还加载了 2 个不同的 jQuery 副本- 需要删除一个

  • foryourc-store.com/js/jquery/jquery-latest.js (ver 1.8.2)

  • 皮肤/前端/基础/默认/ig_lightbox2/js/jquery-1.6.2.min.js

你也可以为 jQuery 创建一个不同的别名来使用

var $j = jQuery.noConflict();
// Do something with jQuery
$j(".col-main").height($j(".col-right").height());   
// instead of jQuery(".col-main").height(jQuery(".col-right").height());
//then use magento prototype with
$("content").style.display = 'none';
于 2012-11-03T16:14:38.780 回答
0

您应该$(window).load()像小提琴一样运行页面中的代码。

在加载事件之前，您无法确定元素的最终尺寸，因为页面尚未完成渲染过程。

目前你的脚本工作（但不是预期的那样），检查 .col-right 里面的 firebug，你会看到一个高度已经分配给元素，所以你的脚本正在运行 else-branch。

于 2012-11-03T07:01:49.330 回答
0 
var $j = jQuery.noConflict();
$j(window).load(function() {
if ($j(".col-right").height() > $j(".col-main").height())

{
    $j(".col-main").height($j(".col-right").height());
}
else {
    $j(".col-right").height($j(".col-main").height());
}
});​

这为我解决了。

于 2012-11-07T22:51:45.767 回答