1

私は持っている：

    <!DOCTYPE html>
<html>
<head>

    <title></title>


<link rel="stylesheet" type="text/css" href="/temp/css/menu.css" />

<link rel="stylesheet" type="text/css" href="/temp/css/bottomchatdiv.css" />

<link rel="stylesheet" type="text/css" href="/temp/css/centercontent.css" />

<link rel="stylesheet" type="text/css" href="/temp/css/basics.css" />


    <script type="text/javascript" src="jquery-1.7.js"></script>

<script type="text/javascript" src="jquery.ba-bbq.js"></script>

<script type="text/javascript" src="jquery.ba-bbq-addtl.js"> </script>

<script type="text/javascript" src="prototype.js"></script>

<script type="text/javascript">
function getusto(anchorid) {
  $(anchorid).scrollTo();
} 
</script>

<script type="text/javascript" src="hide&show.js">

</script>




</head>
<body >


<div class="bbq">
  <div class="bbq-nav bbq-nav-top menu">
   <a class="mainitem menu_links" href="">Welcome</a>   <br> 

<a class="menu_links" href="#" onclick="getusto('welcome'); return false;">Welcome</a><br> 
<a class="menu_links" href="#" onclick="getusto('guidelines'); return false; ">Guidelines</a> 

<br>  
<hr style="width:48%"/>
<br>  



<a class="mainitem menu_links" href="#Regular-Visitors-&-Ops.html">Regulars & Ops</a> <br>

</div>

<br>  

<div class="bbq-content centercontent">

    <!-- This will be shown while loading AJAX content. You'll want to get an image that suits your design at http://ajaxload.info/ -->
        <div class="bbq-loading" style="display:none;">
      <img src="/shell/images/ajaxload-15-white.gif" alt="Loading"/> Loading content...
    </div>

    <!-- This content will be shown if no path is specified in the URL fragment. -->
    <div class="bbq-default bbq-item">

default welcome text here.

    </div>

  </div>


</div>


</body>
</html>

さて、問題は、Regular-Visitors-&-Ops.html ページがロードされないことですが、ロードしていました! そのため、prototype.js を含めないことでそのリンクが jquery bbq の方法で機能することがわかるまで、元に戻す操作をいじくり回しました。

何を与える？両方のprototype.jsとjquery bbqを共存させるにはどうすればよいですか? 私は別のもののために両方が必要です..

これを起動して実行するには、同じディレクトリに追加の Regular-Visitors-&-Ops.html ファイルが必要です。

<!DOCTYPE html>
<head>
</head>
</body>
this is the additional file.
</body>
</html>

jquery と同様に、jquery bbq の 2 つのスクリプト (1 つには自分で名前を付けました) と、prototype.js です。

これを設定すると、テイクアウェイ プロトタイプと、Regular-Visitors(...) リンクが機能します。問題は、prototype.js を使用していることです。したがって、これら2つを機能させる方法、またはより簡単に、scrollTo関数を実装する方法（jquery bbqがアンカー/ハッシュを占有しているため、アンカーを使用できません（例：「index.html＃の「#welcome」」）ようこそ") WITH OUT USING PROTOTYPE.JS? あるはずですよね?

4

2 に答える 2

5

jQueryの後にprototype.jsを含めることで、Prototypeはグローバル$変数の値をオーバーライドします。使用する必要があるのは次のとおりです。

var $j = jQuery.noConflict();

その後、 in jQuery コンテキストおよびプロトタイプ コンテキスト$jの代わりに使用できます。ドキュメントは次のとおりです: http://api.jquery.com/jQuery.noConflict/。$$

于 2012-01-18T09:12:54.133 に答える
4

jQuery と Prototype は両方とも $ 文字を使用するため、競合します。

両方を一緒に使用したい場合は、jQuery のnoConflict()メソッドを使用して $ エイリアスを解放して Protoype に戻す必要があります。

scrollTo jQueryプラグインもあります

于 2012-01-18T09:12:35.780 に答える