的fancybox 2和TinyMCE的jQuery的冲突(fancybox 2 and tinym

2019-09-20 01:04发布

我使用的fancybox-2.0.1在网站上的一些领域,并已这样做没有问题。 我也一直在使用与结合的fancybox TinyMCE中的jQuery的执行没有问题。 然而,因为我改变了TinyMCE的英迪脚本看起来像下面我开始的问题:

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

当我改变了这个初始化的fancybox将不再打开URL。 相反,它会推出尺寸正确弹出,但内容将是“请求的内容不能被加载,请稍后再试。”

任何人是否知道冲突的新的fancybox和TinyMCE的,或可以看到在上面的代码有冲突?

在此先感谢任何人谁可以提供帮助。

Answer 1:

许多JavaScript库使用$作为函数或变量名,就像jQuery不会。 在jQuery的情况下,$仅仅是jQuery的别名,因此所有功能可在不使用$。 如果我们需要使用另一个JavaScript库jQuery的旁边,我们可以返回$控制回用至$ .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>

这种技术是与。就绪()方法的别名jQuery对象结合能力特别有效,因为内回调传递给。就绪(),我们可以使用$如果我们希望不用担心冲突后:

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

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

参考网址



文章来源: fancybox 2 and tinymce jquery conflict