Question

我有：

    <!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-＆amp; -Ops.html页面无法加载，但它正在加载！所以我修改了我的undos，直到我发现不包括prototype.js让这个链接通过jquery bbq的方式工作。

是什么给出的？我如何同时获得prototype.js和amp; jquery bbq共存？我需要两种不同的东西..

得到这个＆amp;运行你需要在同一目录中有一个额外的Regular-Visitors-＆amp; -Ops.html文件，例如：

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

除了jquery，jquery bbq的两个脚本（我自己命名一个），＆amp;的prototype.js。

现在，如果你做了这个 - 外卖原型＆amp;常规访客（...）链接有效。问题是，我正在使用prototype.js。所以要么我如何让这两个工作，或者更容易，我如何实现scrollTo函数（不能使用锚点，因为jquery bbq占用锚点/哈希值（例如“index.html”中的“#welcome”＃欢迎“）不使用PROTOTYPE.JS？应该有一个权利吗？

Answer 1

通过在jQuery之后包含prototype.js，Prototype将覆盖全局$变量的值。你只需要使用：

var $j = jQuery.noConflict();

然后，您可以在jQuery上下文中使用$j代替$，在原型上下文中使用$。这是文档：http://api.jquery.com/jQuery.noConflict/。

Answer 2

jQuery和Prototype都使用$字符，因此它们会发生冲突。

如果您希望同时使用它们，则需要使用jQuery的noConflict()方法将$ alias释放回Protoype

还有scrollTo jQuery plugin

为什么包括prototype.js打破了jquery bbq的功能？

2 个答案: