让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>