草庐IT

javascript - JQuery 可排序嵌套可排序 div

这个问题跟这个有关系NestjQueryUIsortables,但我无法用它解决我的问题。这就是问题所在:我有一个包含项目的主容器,这些项目是div,可以是未分组的项目或组,其中包含其他项目。我可以通过拖动.multiply-groupdiv来定义新组,然后我可以一次拖动所有组。这是代码:Item1Item2Item3Group1Item4Group2Item5vargroupWrap=function(){$('.multiply-container').children().each(function(index,item){if($(item).hasClass('multipl

javascript - 在解决控制台中的 [Violation] 警告时滚动 DIV 时防止页面滚动

起初这似乎是重复的问题回答here但还有更多问题需要弄清楚。在googlechrome控制台中给定[Violation]警告,我该如何解决?[Violation]Addednon-passiveeventlistenertoascroll-blocking'mousewheel'event.Considermarkingeventhandleras'passive'tomakethepagemoreresponsive.这是有效的代码片段,但带有上述[Violation]警告。$.fn.isolatedScroll=function(){this.on('mousewheelDOMMo

javascript - Google map 在 div 中时不起作用

我正在尝试使用GoogleMapsAPI,而要包含map的div只有在不在另一个div中时才有效。我用两个map创建了一个小示例代码,第一个有效,第二个无效。如果我删除这段代码的文档类型,两者都有效。有什么想法吗?html{height:100%}body{height:100%;margin:0px;padding:0px}#map_canvas{height:50%}#map_canvas2{height:50%}Mapfunctioninitialize(){varlatlng=newgoogle.maps.LatLng(20,20);varmyOptions={zoom:8,c

javascript - 使用 javascript 或 jquery 水平滚动 div onclick

过去两天我一直在为此寻找一个简单的javascript或jquery代码。我想合并一个使用javascript或jquery的水平滚动div来显示我的网络作品集工作页面的图像和描述性文本。它的功能与这里显示的glide-onclick滚动非常相似:http://www.dyn-web.com/code/scroll/demos.php#horiz不幸的是,代码许可证是40美元,而我是一个破产的学生。在加载页面时,将显示三个投资组合图像。额外内容隐藏在右侧的溢出部分中。点击左箭头(我可以创建),一个新的图像幻灯片从右侧进入View。单击右箭头会将其送回溢出。我不需要滚动条,只需要控制幻灯

javascript - 无法在 AJAX 中使用来自成功函数的 div

我不知道为什么这对我不起作用。}).success(function(data){if(data.status=='success'){//$("#useravatar").empty();for(i=0;i'+data.avatar[i]+'');vardropDiv=$('#av'+data.id[i]);//Codefromheredontwork.Noerror.triedalert(data.id[i]);andisfine.dropDiv.css({left:130,top:-190,opacity:0,display:'inline'}).animate({left:5,

javascript - 在纯 JavaScript 中点击 div 外部隐藏 div

我想制作一个弹出窗口,该弹出窗口应在单击按钮后出现,并在用户单击框外时消失。我不确定如何在单击div外部时使它消失。varpopbox=document.getElementById("popbox");document.getElementById("linkbox").onclick=function(){popbox.style.display="block";};???.onclick=function(){popbox.style.display="none";}; 最佳答案 这是提问者在评论中要求的具有透明覆盖层的第二个

javascript - jQuery - 任何时候只显示一个 div

我正在开发一个新菜单,其中有多个隐藏的div,但我只想一次在页面上显示一个div。这是我的代码;http://jsfiddle.net/sXqnD/HTML既漂亮又简单;link1link2link3Informationabout1.Informationabout2.Informationabout3.这是我对jQuery的尝试,它似乎运行得不是很好。$(document).ready(function(){$('#infocontent').children().hide();$('#linkwrappera').click(function(){varchosen1=this.

javascript - 如何使 div 甚至可以从其中的文本区域拖动?

我正在尝试拥有一个可拖动的div,它也可以从其中的文本区域拖动。html:CSS:#divContainer{position:absolute;left:10px;top:10px;width:100px;height:100px;background-color:blue;}#text{position:absolute;left:5px;top:5px;width:50px;height:50px;background-color:green;}j查询:$("#divContainer").draggable();如果我在div区域中单击拖动,我可以拖动div,但如果我单击tex

javascript - 拖动并插入 div 到另一个 div

我正在尝试设计一种可以将一个div拖放到另一个div中的功能。例如:我想让#1可拖动(我知道它可以用jQuery完成,所以可拖动不是我的问题的一部分),然后将#1拖到#2上,当mouseup时,#2可以插入到#1中有人可以向我解释如何实现吗? 最佳答案 你可以通过使用jQueryUI'sSortable来简化这个过程WorkingExample$(document).ready(function(){addElements();$(function(){$("#list1,#list2").sortable({connectWith

javascript - 获取 'ngbCollapse' 因为它不是 'div' 的已知属性。将组件移入子模块后出错

错误compiler.js:215UncaughtError:Templateparseerrors:Can'tbindto'ngbCollapse'sinceitisn'taknownpropertyof'div'.("][ngbCollapse]="isHidden">我有一个NavbarComponent和一个FooterComponent,我想将它们移到SharedModule中,以保持根app.module更干净。app.moduleimport{AdminComponent}from'./admin/admin.component';//import{NavbarCompo