让jquery与prototype共存,方法有多种,看需求选择你的方式。
我使用的方式是先加载jquery,因为有插件依赖jquery。
<%= javascript_include_tag "jquery" , "formValidator_min" , "formValidatorRegex" %> <script type= "text/javascript" > var $j = jQuery.noConflict(); </script> <%= javascript_include_tag :defaults %> |
网上还流传了其他的方式,你自己根据需要加载的顺序选择使用哪种方式吧。
方式1:
<html> <head> <script src= "prototype.js" ></script> <script src= "jquery.js" ></script> <script> jQuery.noConflict(); // Use jQuery via jQuery(...) jQuery(document).ready(function(){ jQuery( "div" ).hide(); }); // Use Prototype with $(...), etc. $( 'someid' ).style.display = 'none' ; </script> </head> <body></body> </html> |
方式2:
<html> <head> <script src= "prototype.js" ></script> <script src= "jquery.js" ></script> <script> var $j = jQuery.noConflict(); // Use jQuery via $j (...) $j (document).ready(function(){ $j ( "div" ).hide(); }); // Use Prototype with $(...), etc. $( 'someid' ).style.display = 'none' ; </script> </head> <body></body> </html> |
方式3:
<html>
<head>
<script src=
"prototype.js"
></script>
<script src=
"jquery.js"
></script>
<script>
jQuery.noConflict();
// Put all your code
in
your document ready area
jQuery(document).ready(function($){
// Do jQuery stuff using $
$(
"div"
).hide();
});
// Use Prototype with $(...), etc.
$(
'someid'
).style.display =
'none'
;
</script>
</head>
<body></body>
</html>