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>

MagentoCE1.7.0.2を実行しています。コードはここで正常に機能しています:http://jsfiddle.net/scoosethemoose/YxNwm/

何が正しく機能していないかを判断するのを手伝ってください。前もって感謝します。

4

3 に答える 3

0

$(window).load()フィドルと同じように、ページ内のコードを実行する必要があります。

ロードイベントの前は、ページがまだレンダリングプロセスを完了していないため、要素の最終的な寸法を確実に取得することはできません。

現在、スクリプトは機能しています(ただし、期待どおりではありません)。firebug内の.col-rightを確認すると、要素に高さが割り当てられているため、スクリプトはelse-branchを実行していることがわかります。

于 2012-11-03T07:01:49.330 に答える
0

このhttp://sorgalla.com/jcarousel/を使用していると仮定します

jQuery('#featured')。jcarousel();でエラーが発生しています。jcarouselプラグインライブラリが含まれていないように見えるため(jquery.jcarousel.min.jsまたはjcarousel * .jsのソースを表示する場合)

また、jQueryの2つの異なるコピーをロードしています-1つを削除する必要があります

  • foryourc-store.com/js/jquery/jquery-latest.js(ver 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';
于 2012-11-03T16:14:38.780 に答える
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 に答える