Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery和mootools都已加载,但mootools将css元素添加到div中_Jquery_Mootools - Fatal编程技术网

jquery和mootools都已加载,但mootools将css元素添加到div中

jquery和mootools都已加载,但mootools将css元素添加到div中,jquery,mootools,Jquery,Mootools,我已经加载了jQuery和MooTools,但是MooTools添加了更多元素,我可以找出原因。当我移除工具时,它工作得非常好。不幸的是,我需要其他无关脚本的mootools beforeImg.addClass("halfhalf-before"); afterImg.addClass("halfhalf-after"); container.append("<div class='halfhalf-shandle'></div>"); var hal

我已经加载了jQuery和MooTools,但是MooTools添加了更多元素,我可以找出原因。当我移除工具时,它工作得非常好。不幸的是,我需要其他无关脚本的mootools

  beforeImg.addClass("halfhalf-before");
  afterImg.addClass("halfhalf-after");

  container.append("<div class='halfhalf-shandle'></div>");
  var halfslider = container.find(".halfhalf-shandle");

  // append additional html element
  var overlay = container.find(".halfhalf-overlay");
  overlay.append("<div class='halfhalf-before-label'></div>");
  overlay.append("<div class='halfhalf-after-label'></div>");

//adjustContainer
  var aContainer = function(offset) {
    beforeImg.css("clip", "rect(0,"+offset.cw+","+offset.h+",0)");
    container.css("height", offset.h);
    $('#debug5').html("offsetWidth: " + +offset.cw+","+offset.h+",0)");
  };


  var adjustSlider = function(pct) {
    var offset = calcOffset(pct);
    halfslider.css({left: offset.cw, top: '50%'}); //When I moved the slider top and absolute gets over written
    $('#debug6').html("left: " +offset.cw); // nothing changes in the debug.
    aContainer(offset);
  }
beforeImg.addClass(“前半部分”);
后加类(“后加半”);
容器。附加(“”);
var halfslaider=container.find(“.half shandle”);
//附加额外的html元素
var overlay=container.find(“.half-half-overlay”);
叠加。追加(“”);
叠加。追加(“”);
//调整容器
var A容器=功能(偏移){
css(“clip”,“rect(0,+offset.cw+”,“+offset.h+”,0)”);
容器.css(“高度”,偏移量.h);
$('#debug5').html(“offsetWidth:++offset.cw+,“+offset.h+”,0)”;
};
var调整滑块=功能(pct){
var偏移量=calcOffset(pct);
css({left:offset.cw,top:'50%});//当我移动滑块时,绝对值被覆盖
$('#debug6').html(“左:”+offset.cw);//调试中没有任何更改。
容器(偏移);
}

要防止jquery和mootools之间的冲突,请使用'jquery.noConflict()'引用:它已经在全局范围内存在了。。。我还能在哪里使用它?你说的“mooTools添加更多元素”是什么意思?你是说DOM元素吗?你是说CSS属性?类?它添加了element.style{left:813px;top:334px;position:absolute;}但只应该有element.style{left:113px;}你上面发布的代码大部分是jQuery。。。你能制作一个或粘贴一个实时链接,这样我们就可以实时看到问题了吗?