Jquery 不适用于原型

Question

<script src="jquery.js"></script>
<script>
    var $jq = jQuery.noConflict();
    $jq(document).ready(function(){
        alert("123");
        $jq("#redactor_content").redactor();
        alert("456");
    });
</script>
<script src="prototype.js"></script>
<script src="redactor.js"></script>

“redactor.js”是基于 JQuery 的 WYSIWYG 编辑器：http://imperavi.com/download/redactor/get/，来源：

...
(function($){
   // Initialization
   $.fn.redactor = function(options)
   { ... };
})(jQuery);
...

当我评论“prototype.js”时 - 一切正常（我看到“123456”）。

使用“prototype.js” - 仅查看“123”和“redactor”不起作用。 （这意味着命名空间工作正常，对吧？为什么第二个警报不起作用？）

当我只评论 $jq(document).ready(function(){ 并在调用之前移动“redactor.js”（调用“redactor()”而不等待 DOM） - 一切都很好。

我不明白原理。包含“jquery.js”后，我首先覆盖“$”，然后包含“prototype.js”以避免冲突。但是 Namespace Jquery 不知何故仍然与 Prototype 相交。我怀疑错误在这里的某个地方：$jq("#redactor_content").redactor();，我需要做类似的事情：.redactor($jq);，但它打破了我的头脑，我无法猜测。

PS： 是的，我阅读了文档（http://docs.jquery.com/Using_jQuery_with_Other_Libraries）并尝试了不同的方法（交换库并尝试$.noConflict、jQuery(document).ready...)。我写了一个例子，说明一切正常有点清晰。

我的第二个问题：它会一起工作吗：jQuery(document).ready(function() 和 Prototype 的document.observe("dom:loaded", function()，如果没有，如何一起工作？

谢谢。

Answer 1

据我所知，这应该可行。唯一可能出错的是 redactor.js 在其代码中的某处需要 $-assignment（这将是一个错误），但它似乎可以正确处理。

您可以先加载原型，然后加载 jquery + redactor.js，然后使用 jQuery.noConflict() 来测试它（将 $-operator 切换回之前的值，在本例中为原型）。

顺便说一句，如果没有弹出第二个警报，我预计控制台中会出现一些错误，这也是相关信息。

关于您的第二个问题：是的，这两种方法都应该可以正常工作。但你当然只需要 1 个 :)。

Answer 2

尝试替换

<script>
    var $jq = jQuery.noConflict();
    $jq(document).ready(function(){
        alert("123");
        $jq("#redactor_content").redactor();
        alert("456");
    });
</script>

与

<script>
(function($){
    $(document).ready(function(){
        alert("123");
        $("#redactor_content").redactor();
        alert("456");
    });
})(jQuery);  
</script>