草庐IT

links_div_info

全部标签

javascript - jQuery 将 div 从位置 1 移动到位置 2

我有多个div(具有相同的类名)。我想将div(总是相同的div,具有唯一ID#pos1)移动到已被单击的div。因此,为此,我使用以下代码找到position1(我要移动的div)和pos2(被单击的div)。但是,我不知道如何将div从一个位置移动(动画等)到另一个位置。我会感谢任何帮助。jQuery(".container").click(function(){varpos1=jQuery("#pos1").position();alert(pos1.top+','+pos1.left);varpos2=jQuery(this).position();alert(pos2.top

javascript - Jquery resize() 导致屏幕闪烁和 div 偏移

背景:我正在尝试创建一个系统,允许使用鼠标向上滚动和鼠标向下滚动来滚动浏览一种map,如下所示:-------|||1|||-----------------------------------|||||||||2||3||4||5|||||||||-----------------------------------|||6|||-------上面的每个框都在javascript中重置为浏览器的高度和宽度。当您上下滚动鼠标时,浏览器将滚动到map中的相同位置,从div1开始,然后是2,依此类推。此定位是通过我的滚动功能设置的,它会监听鼠标滚动并在顶部添加适当的填充并在左侧添加适当的边

javascript - 在 html div 中呈现 ExtJS 4+ MVC 应用程序 - 如何做?

到目前为止,我找到的所有示例都解释了如何在“视口(viewport)”中呈现ExtJS(4.2)MVC应用程序,换句话说,这意味着整个浏览器屏幕,并占据整个HTML主体。我想在命名DIV中的现有HTML页面中呈现应用程序,以便我可以围绕应用程序进行HTML设计。我见过一些带有ExtJS4示例的站点,它们使用技巧通过使用IFRAME在页面中呈现ExtJS应用程序。是否可以避免使用IFRAME?并且,如果是的话,ExtJS4.2应用程序的骨架在div中呈现时应该是什么样子。注意:在ExtJS3中,我找到了解决方案,方法是创建一个面板作为主容器,在命名的div中呈现。然而,4.2版(可能还有

javascript - 如果它是悬停元素的子元素,是否可以使 jQuery 仅针对悬停动画的目标 div?

好吧,我是Javascript和jQuery的初学者,所以这可能是一个非常简单的问题,但我已经尝试研究它,但找不到任何好的答案。在我的网站上:http://joeyellisdesign.com/testingspace/JE2我在我的投资组合的“工作”部分有一个滚动,我试图让它只在你将鼠标悬停在单个图像上时出现。要设置动画,我有这段代码:jQuery$(document).ready(function(){$(".project").hover(function(){$(".projectdescription").animate({top:'4px'});},function(){

javascript - 如何为 rails 4.1 替换 link_to_function

我正在创建我的第一个真正的Rails应用程序,并且我正在学习。我有一种情况需要在一种形式上创建嵌套属性,因此一直在查看与此相关的railscast剧集(196和197)。在第二集中,他使用了link_to_function方法,显然在rails4.1中不再可用。我想知道如何更换它。我一直在尝试link_to,并为发布类似问题的其他人尝试了许多建议的解决方案,但无济于事。这是我的部分View目前的样子(虽然,我已经尝试了很多东西......)这是我的.js.coffee文件,其中包含remove_fields()函数:remove_fields=(link)->$(link).previ

javascript - Angular ui 路由器 : Links are not clickable

我尝试运行angular-ui-router来处理我的View,但我遇到了问题。以下View的两个链接不可点击。带有链接标签的Angular变化变量,但我无法点击。我有这样的看法:App{{link.home}}{{link.signin}}我使用这个代码。它不返回错误.所有模块(包含localStorage...)但链接不可点击。/***DeclarationofMyAppControllersmodule*/MyAppControllers=angular.module('MyAppControllers',[]);/***DeclarationofMyAppApplication

javascript - SVG 作为 Div 的内联背景图像不起作用

我有一个复杂的基于Jquery-UI的对话框,我想提供一个SVG图像作为背景。我试图首先在一个简单的测试文件中使它工作,但它不起作用,尽管SVG作为独立图像工作正常。这是简化的代码:$(document).ready(function(){svg="\\";svgBase64=btoa(svg);bkgrndImg="url('data:image/svg+xml;base64,"+svgBase64+"')";$('#testDiv').css('background-image',bkgrndImg);});SomeSVGDivsvg.../svg与背景中使用的svg相同,并且可以

javascript - 位置 div 取决于距离浏览器边缘(javascript)

我正在尝试创建一个主要依赖于css的小工具提示脚本。我无法弄清楚的一点是如何根据div到浏览器边缘的距离来定位div。当div出现时,我希望它检查它与顶部、底部、左侧和右侧的距离。例如,如果没有足够的空间来显示工具提示链接上方的div,则应将其放置在链接下方。基本上我希望div能够“意识到”它的位置并知道去哪里以确保它可见。谢谢 最佳答案 我只需要自己编写非常相似的代码,用于tipsy(所以我的解决方案使用jQuery)。这是基本数学,假设...是您正在使用的div。在测量到右边缘和底部边缘的距离时,我也会考虑div的高度和宽度。d

javascript - How to implement a Client-side Ajax Login on Asp.Net MVC (A link to the solution for Asp.Net Webforms is in here)

我正在尝试在Asp.NetMVC上实现客户端ajax登录。我以前在WebForms上设置得很好,但现在我已经转移到MVC上,这给我带来了一些麻烦。如果您想要有关Asp.NetWebforms的客户端Ajax登录的教程,可以找到here--简单,A++现在...出于某种原因,它不适用于Asp.NetMVC。除了执行ssa.login()时,我使用了与Webforms完全相同的教程(等效于:Sys.Services.AuthenticationService.login())它什么也没做。我在onLoginComplete()函数和onError()函数中都有警报。在ssa.login被调

javascript - 使用 jQuery 对同级 <div> 进行排序

我正在为与二年级数学而不是编程更多相关的问题而苦恼。这里是:四个元素一个接一个地水平放置。单击其中一个时,脚本会将其放在前面。你点击另一个,它也放在前面,等等。你得到了图片。现在,我想做的是对剩余的进行排序。使用原始顺序的元素(除第一个之外的所有元素)。也许这张照片会让事情变得清晰:在第3步之后,C应该放在B之后,所以它应该是这样的:DABC.这是一个示例代码:mixit.insidebox{width:50px;height:50px;line-height:50px;margin:00020px;text-align:center;float:left;border:blackso