jQuery noConflict与replaceWith冲突

时间:2012-10-23 23:34:47

标签: jquery

我的HTML

<div class="item-page">
  <div class="Introduction">
    <div class="FrTxtLoans">
      <h1 class="uppercase"> home-mortgage </h1>
    </div>
  </div>
  <div id="main_content">
    <div class="landing_wrapper"> </div>
  </div>
</div>

我的问题

我想要做的是删除<div class="landing_wrapper"> </div>

周围的所有潜水

我的剧本

我正在使用 $('.item-page').replaceWith($('.landing_wrapper'));它就像一个魅力。

请参阅jsFiddle此处

我的问题

由于我的网站上存在MooTools和jQuery冲突,因此我在网站顶部使用jQuery.noConflict();并重命名

$('.item-page').replaceWith($('.landing_wrapper'));

jQuery('.item-page').replaceWith($('.landing_wrapper'));

然后,replaceWith停止工作。 jQuery Conflct jsFiddle here

你能告诉我这个问题吗?

1 个答案:

答案 0 :(得分:1)

您的原始代码实际上是两次调用jQuery对象($),因此在第二个示例中,您必须将$的两个实例替换为jQuery

jQuery('.item-page').replaceWith(jQuery('.landing_wrapper'));