$(document).ready 和 prototype.js 之间的冲突

Question

当我包含$(document).ready时，我在prototype.js上遇到了这个问题在我的网页中它不起作用。

这是我代码的一部分：

<script type="text/javascript" src="<?php echo base_url();?>asset/scripts/prototype.js"></script>
<script type="text/javascript">    
  function nl2br (str, is_xhtml) {   
    var breakTag = (is_xhtml || typeof is_xhtml === 'undefined') ? '<br />' : '<br>';    
    return (str + '').replace(/([^>rn]?)(rn|nr|r|n)/g, '$1'+ breakTag +'$2');
  }
  $(document).ready(function(){
    $('#sendmail2').on('submit', function(){
      alert('Ok');
    });
  });           
</script>

但是当我删除原型时，脚本工作正常。

Answer 1

更改所有扩展名称为"jQuery"的"$"

jQuery(document).ready(function(){

Answer 2

将 jQuery 置于无冲突模式

Answer 3

尝试使用

jQuery(document).ready

而不是

$(document).ready