草庐IT

CSS定位div

全部标签

javascript - 使用 jQuery "this"加上 CSS 选择器?

我正在编写一个脚本来显示/隐藏div中的一个部分。我有3个带有隐藏部分的div,但希望使用一个函数来控制所有3个。这是我现在拥有的:$('.rates,.hours,.otherinfo').click(function(){$('.expand').toggle();});这是HTML:RatesTextinhereishiddenbydefault.HoursTextinhereishiddenbydefault.OtherInfoTextinhereishiddenbydefault.和CSS:.expand{display:none;}显然,当您单击其中任何一个时,这会显示所有

javascript - 使用 Protractor 按类名定位按钮

如果这是一个刚开始进行网络自动化测试的新手问题,我深表歉意。我想测试登录屏幕页面。查找名称和密码文本字段很容易(仅使用by.model),但是我在使用脚本定位登录按钮时遇到了问题。我四处搜索,我应该能够使用element(by.css(.className))通过className找到一个元素,但是这不起作用,我总是得到NoSuchElementError:使用定位器未找到元素:By.cssSelector(".btnbtn-lgbtn-primarybtn-block")。知道我做错了什么吗?提前致谢登录按钮HTML:login我的代码:describe('Testlogin',fu

javascript - 如何通过css在输入框中应用Title Case

我正在使用text-transform属性将输入框文本转换为标题大小写,但我没有获得执行此操作的确切属性或组合。我也试过text-transform:capitalize;text-transform:lowercase;我正在尝试为这些自动转换nIkleshraut:NikleshRautNIKLESHRAUT:NikleshRaut或者我应该使用Javascript。 最佳答案 您可以使用css执行以下操作。这将适用于所有单词。input{text-transform:capitalize;}::-webkit-input-pl

javascript - 设置可拖动div的位置

我正在使用jQuery和JQueryui做一个小应用程序。我已经定义了一个可拖动的div,它工作得很好,但我想在单击按钮时设置div的位置...我在stackOverflow中读到这里:element.position().top=topUserDefined;element.position().left=leftUserDefined;我在这次赋值前后做了一个element.position().top的alert,新值没有赋值,它保留原来的值...有什么想法吗???谢谢! 最佳答案 .position()得到位置。它没有设置位

javascript - map 有时只出现在其 div 的左上角

我正在使用GoogleMapsAPIv3forjavascript.在某些情况下,我只能看到左上角的map。要查看,请尝试转到http://telofast.com/telofun/#stationRanking然后按下许多行之一。 最佳答案 当宽度和高度设置正确并引发调整大小事件时,当浏览器调整大小时map工作。解决您的问题的最快方法是在显示它的javascript之后调用调整大小方法(如下)。也许在showScoresAndCenterOn中的showDiv('mapDiv');之后?google.maps.event.trig

php - onclick 追加 textarea 到 div

我目前在用户按下我网页上的按钮后有一个ajax调用..问题是,在提交之后,有一个轻微的延迟(因为第二个ajax调用需要完成以显示DIV)以避免轻微的延迟。我想知道是否可以将内容附加到分区:">$(function(){$('input').on('click',function(){varStatus=$(this).val();$('#output').append(Status);});以上是我目前的代码配置。现在,这不能按预期工作。它不会将提交的内容添加到DIV中。这是通过我的ajax调用显示它的方式:window.setInterval(function(){$(functio

php - 优化 JavaScript CSS 下载

我网站的许多页面都使用jQuery和JSON以及相同的CSS,除了少数页面。第一页是用户登录。由于用户需要时间来输入他的用户名和密码,我想在登录期间为整个用户session下载所有必需的JavaScript和CSS文件。如何才能做到这一点?所有页面的标题都相同。如何优化它? 最佳答案 我的想法是在document.load之后动态加载js和css文件。这不会影响登录页面的加载时间,同时还会在用户登录后缓存您的js和css文件。如果加载速度更快,您也可以轻松地将其更改为document.ready。像这样的东西怎么样?$(docume

javascript - 如何使用 JavaScript 获取 div 的 CSS 左属性值

我的CSS规则如下所示:#my-div{display:none;position:absolute;left:-160px;bottom:-150px;}我正在尝试像这样获取left-property的值:document.getElementById('my-div').style.leftdocument.getElementById('my-div').offsetLeft问题是两者都返回null。问题出在哪里? 最佳答案 问题是someElement.style.left仅在您具有内联样式时才有效。由于您通过样式表应用样式

Javascript:在 div 上执行的 scrollBy 函数

我有一个带有overflow:scroll;的div,我想放一个按钮。当您按下它时,div的内容会滚动。类似于:functionscrollDiv(){document.getElementById("d").scrollBy(100,100);}Clickthebuttontoscrollby100px.Clickmetoscroll!这在FF中有效,但在Chrome中无效。在Chrome中我得到UncaughtTypeError:undefinedisnotafunctionscrollBy函数似乎被定义为window函数,所以我猜这就是问题所在,它在FF中工作而不是标准。但是还有

javascript - 使用 JavaScript 获取元素的自定义 css 属性 (-mystyle)

在某些元素具有自定义CSS属性的应用程序中,是否有任何方法可以通过JavaScript检索此类值?例如我可以通过这两种方法访问颜色属性:document.getElementById('myDiv').style.getPropertyValue("color")document.getElementById('myDiv').style.color但是这些不适用于自定义属性。这完全受支持吗? 最佳答案 浏览器不理解的CSS值被丢弃,这解释了为什么-my-custom-property无法通过.style获得。在过去,您不得不依靠d