2

jquery ライトボックス (プロトタイプを実行) と jquery ニュース スライダーを使用すると、常に問題が発生します。

「競合しない」方法を試しました。

問題は、コードを配置する正確な場所がわからないことです。

だから、ここでは、スクリプトを に入れています。

それで、それをトラブルシューティングして、パッチをどこに置くべきか教えてください。

どうもありがとうございます。

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Jquery</title> 

<script type="text/javascript" src="lb/js/prototype.js"></script>
<script type="text/javascript" src="lb/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="lb/js/lightbox.js"></script>
<link href="lb/css/lightbox.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="news/jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="news/jquery.easynews.js"></script>



<style>
html
{ background-color: #FFA928;
font: normal 76% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
 color:black;
 }
a { text-decoration: none; font-weight: bold; }

.news_style{
display:none;
}
.news_show
{
background-color: white;
color:black;
width:350px;
height:150px;
font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
overflow: auto; 

}
.news_border
{
background-color: white;
width:350px;
height:150px;
font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 1px solid gray;
padding: 5px 5px 5px 5px;
overflow: auto; 

}
.news_mark{
background-color:white ;
font: normal 70% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 0px solid gray;
width:361px;
height:35px;
color:black;
text-align:center;
}
.news_title{
font: bold 120% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 0px solid gray;
padding: 5px 0px 9px 5px;
color:black;
}
.news_show img{

margin-left: 5px;
margin-right: 5px;

}
.buttondiv
{
position: absolute;
/*float: left;*/
/*top: 169px;*/
padding: 5px 5px 5px 5px;
background-color:white ;
border: 1px solid gray;
/*border-top-color: white;*/
border-top:none;
height:20px;
}

</style>
<script>
$(document).ready(function(){
var newsoption1 = {
  firstname: "mynews",
  secondname: "showhere",
  thirdname:"news_display",
  fourthname:"news_button",
   newsspeed:'6000'
}
$.init_news(newsoption1);


var myoffset=$('#news_button').offset();

var mytop=myoffset.top-1;

$('#news_button').css({top:mytop});

});
</script>

</head>
4

3 に答える 3

3

ここの説明よりもどれだけ明確に理解できるかわかりません

本質的に、呼び出しjQuery.noConflictは、$jQuery をロードする前に定義されていたものに変数を解放します。

その後、jQuery を呼び出して直接使用する必要があります。私の場合、次のように再定義します。

$j = jQuery; // Now I can use $j for jQuery and $ for Prototype

次のように、ready 関数内で $ を使用することもできます。

jQuery(document).ready(function($) {
  // Code that uses jQuery's $ can follow here.
});

かなり簡単です...何について混乱していますか？

于 2010-04-03T05:11:52.743 に答える
0

え？jQuery ライトボックスはプロトタイプを使用しません。正確には何を使用していますか？

これを試してくださいhttp://leandrovieira.com/projects/jquery/lightbox/

可能であれば、プロトタイプをまとめてダンプします。2 つのかさばるフレームワークは避けたほうがよいでしょう。

于 2010-04-03T05:10:33.867 に答える
0

jquery ライブラリをインクルードした直後に $.noConflict() 呼び出しを配置し​​ます。ここを参照してください。

<script type="text/javascript" src="news/jquery-1.2.3.pack.js"></script>
<script type="text/javascript">
  $.noConflict();
  // Code that uses other library's $ can follow here.
</script>
于 2010-04-03T05:15:40.950 に答える