jquery无法更改magento中的css属性

jquery无法更改magento中的css属性,jquery,magento,magento-1.7,Jquery,Magento,Magento 1.7,我在上运行了以下代码: #主{背景色:#000000;边框顶部:0; 垫底:20px; 最小高度:350px;} .col main{float:左; 宽度:740px; 填充:0 0 1px; 颜色:#FFFFFF; 背景色:#AABBCC;} .col right{float:右; 宽度:200px; 填充:0 0 1px; 颜色:#0f0f; 背景色:#DDEEFF;} img{高度:250px;宽度:250px;} h1{颜色:#ddeeff;} jQuery.noConflict()

我在上运行了以下代码:


#主{背景色:#000000;边框顶部:0;
垫底:20px;
最小高度:350px;}
.col main{float:左;
宽度:740px;
填充:0 0 1px;
颜色:#FFFFFF;
背景色:#AABBCC;}
.col right{float:右;
宽度:200px;
填充:0 0 1px;
颜色:#0f0f;
背景色:#DDEEFF;}
img{高度:250px;宽度:250px;}
h1{颜色:#ddeeff;}
jQuery.noConflict();
if(jQuery(“.col right”).height()>jQuery(“.col main”).height())
{
jQuery(“.col main”).height(jQuery(“.col right”).height());
}
否则{
jQuery(“.col right”).height(jQuery(“.col main”).height());
}
主要
Lorem ipsum dolor sit amet,是一位杰出的献身者。发酵液中的脯氨酸。在justo porttitor孕妇的Phasellus ut est。大鼠腔隙。这是一个非常好的选择。马格纳广场、非维韦拉广场和尼西门广场。埃尼安和米安特。杜伊斯是亨德雷特码头的一位修女。动物胎动或胎盘鼠。不要坐在我的座位上。Nam egestas ligula vitae justo scelerisque pulvinar。前庭发酵舌苔,前庭发酵舌苔,前庭发酵舌苔。Suspendisse和dolor lectus,尊贵的justo。罗非鱼(Vivamus rhoncus)和罗非鱼(Pat rutrum)。在《我的未来》中的《我的未来》中的《我的未来》。
Lorem ipsum dolor sit amet,是一位杰出的献身者。发酵液中的脯氨酸。在justo porttitor孕妇的Phasellus ut est。大鼠腔隙。这是一个非常好的选择。马格纳广场、非维韦拉广场和尼西门广场。埃尼安和米安特。杜伊斯是亨德雷特码头的一位修女。动物胎动或胎盘鼠。不要坐在我的座位上。Nam egestas ligula vitae justo scelerisque pulvinar。前庭发酵舌苔,前庭发酵舌苔,前庭发酵舌苔。Suspendisse和dolor lectus,尊贵的justo。罗非鱼(Vivamus rhoncus)和罗非鱼(Pat rutrum)。这是一个很好的例子。毛里斯·比本杜姆·埃利芬德·卢克图斯。虎口浮雕和肘部浮雕同侧前庭;绿叶透明素。两人都是利奥,都是欧盟委员会成员。在hac habitasse Plateum,一句名言。前庭是电视拍卖人viverra坐在那里,坐在那里。一对一,艾库利斯坐在阿梅特·萨吉蒂斯等人的座位上,艾库利斯坐在欧盟的座位上。莫比·维韦拉·泰卢斯·非尼斯勒·尤里塞斯·因特杜姆(Morbi viverra tellus non-nisl ultrices interdum)。turpis中的Present非justo mollis elementum vel eget velit。阿利奎姆·普维纳尔·亨德雷特·廷西登。奎斯克·托托·奎姆,拉西尼亚和元素在,拉西尼亚在阿库。整数端口tincidunt urna nec semper。怀孕期间,我会为你的未来做准备。无主,无主,无主,无主。大头慈姑。
我正在运行Magento CE 1.7.0.2。代码在这里运行良好:


请帮助我确定哪些工作不正常。提前谢谢。

您应该像小提琴一样在
$(窗口).load()上运行页面中的代码

在加载事件之前,您无法确定检索元素的最终维度,因为页面尚未完成呈现过程


当前您的脚本正常工作(但不是预期的),请检查firebug内部的.col,您将看到已为元素指定了高度,因此您的脚本正在运行else分支。

假设您正在使用此分支

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

您还加载了两个不同的jQuery副本,需要删除一个吗

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

  • skin/frontend/base/default/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';

这为我解决了这个问题。

在控制台中查看他们在custom.js中使用的jcarousel的js错误,而您还没有添加jcarousel库您的head-end标记和body-start标记位于script标记之间更正该错误谢谢您的回答。我确实使用window.load让它工作了。谢谢。我通过添加jcarousel并从加载中删除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';
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());
}
});​