jquery - fancybox 2和tinymce jquery冲突

Question

我在网站的多个区域使用 fancybox-2.0.1，并且一直没有出现问题。我也一直将tinymce的jquery实现与fancybox结合使用，没有出现任何问题。然而，自从我将tinymce inti 脚本更改为如下所示后，我开始遇到问题:

<script type="text/javascript" src="tinymceJQ/jscripts/tiny_mce/jquery.tinymce.js"></script>
<script type="text/javascript">
$(function() {

var $editor = $("#appContentTextArea");

// Initialize WYSIWYG
$editor.tinymce({
    script_url : 'tinymceJQ/jscripts/tiny_mce/tiny_mce.js',
    theme : "advanced",
    mode : modeAlter,
    /*editor_selector : "mceEditor",*/
    content_css : "css/webPage.css",
    paste_text_sticky: true,
    paste_text_sticky_default: true,
    relative_urls: false,
    remove_script_host : false,
    remember_last_path : false,
    imagemanager_rootpath: accountFolder,
    theme_advanced_buttons1 : "bold, italic, underline, strikethrough, separator, justifyleft, justifycenter, justifyright, justifyfull, separator, formatselect, forecolor, separator, hr, removeformat, separator, cut, copy, image, separator, aquaHeading, sponsorDiv",
    theme_advanced_buttons2: "code, separator, link, unlinkbullist,numlist,tablecontrols, fontselect",
    theme_advanced_buttons3: "",
    setup : function(ed) {
        ed.onInit.add(function() {
            // do something
        });
    },
    oninit : tinyMceReady
});
</script>

一旦我更改为这个 init Fancybox 将不再打开该 URL。相反，它会启动大小正确的弹出窗口，但内容将为“无法加载请求的内容。请稍后再试。”

有人知道新的 fancybox 和 tinymce 存在冲突，或者可以看到上面代码中的冲突吗？

预先感谢任何可以提供帮助的人。

Answer 1

许多 JavaScript 库使用 $ 作为函数或变量名，就像 jQuery 一样。在 jQuery 中，$ 只是 jQuery 的别名，因此所有功能都可以在不使用 $ 的情况下使用。如果我们需要与 jQuery 一起使用另一个 JavaScript 库，我们可以通过调用 $.noConflict() 将 $ 的控制权返回给另一个库:

<script type="text/javascript" src="other_lib.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
  $.noConflict();
  // Code that uses other library's $ can follow here.
</script>

这种技术与 .ready() 方法别名 jQuery 对象的能力结合起来特别有效，因为在传递给 .ready() 的回调中，如果我们愿意，我们可以使用 $ 而不必担心以后发生冲突:

<script type="text/javascript" src="other_lib.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
  $.noConflict();
  jQuery(document).ready(function($) {
    // Code that uses jQuery's $ can follow here.
  });
  // Code that uses other library's $ can follow here.
</script>

如果有必要，我们也可以通过将 true 作为参数传递给该方法来释放 jQuery 名称。这很少是必要的，如果我们必须这样做(例如，如果我们需要在同一页面上使用多个版本的 jQuery 库)，我们需要考虑大多数插件依赖于 jQuery 变量的存在和在这种情况下可能无法正常运行。

Reference URL