草庐IT

style-attribute

全部标签

javascript - jQuery(事件): watch element style

假设有这样的元素WatchMePlease我们可以看到上面样式的元素是display:none,我如何制作脚本来观察这个元素。当该元素样式更改为display:block时,将触发一些代码。非常感谢... 最佳答案 据我所知,唯一的方法就是使用计时器。我创建了一个小的jQuery插件(是的,就在这里,现在),它针对jQuery集执行此操作:编辑这个插件现在在GitHub上:https://github.com/jacobrelkin/jquery-watcher$.fn.watch=function(property,callbac

javascript - Google Places API 中具有关联 html_attributions 的地点或 place_id(用于测试目的)是什么?

我们正在使用GooglePlacesPlaceDetailsAPI(更具体地说,GoogleMapsJavascriptAPI)。作为使用条款的一部分,我们必须显示响应中html_attributions的值(如果存在)。但是,在尝试测试我们的实现时,我很难找到place的PlacesService.getDetails()响应包含非空值html_属性。PlaceDetailsAPI将为其返回非空html_attributions的示例place_id或地点是否有引用页? 最佳答案 如下所述docs,如果您从google复制任何内容

javascript - CSS 和 JavaScript : Get a list of CSS custom attributes

来自这段代码:HTMLCSS.test{background-color:red;font-size:20px;-custom-data1:value1;-custom-data2:150;-custom-css-information:"loremipsum";}使用javascript——例如从$('.test')——我如何才能得到一个CSS属性列表,其属性名称以前缀“-custom-”开头“?(他们可以有不同的名字,但总是相同的前缀)我想得到这个:{customData1:"value1",customData2:150,customCssInformation:"loremip

javascript - react .js : how to make inline styles automatically update progress bar on state change

我在React.js和ZurbFoundation中构建了一个进度条,我想反射(reflect)当前状态。我知道一开始我可以用这样的东西设置宽度:render:function(){varspanPercent=(this.props.a-this.props.b)/this.props.a+'%';varspanStyle={width:spanPercent};return();}但是,当props的值由于状态变化而变化时,即使props值发生变化,内联样式也不会更新。是否有执行此操作的最佳实践,例如使用回调或将代码放在其他地方?如果有任何帮助,我将不胜感激!

javascript - JQuery - 获取宽度 : auto from inline style

我正在尝试使用jquery获取元素的内联属性:width:auto。一旦我获得宽度,.width()就会返回一个px值,而不是auto。这是我需要的示例:我有一个img设置了这个内联样式:我需要将该图像包装在a中,以使图像可点击。我还需要获取图像样式并将其移动到anchor标记://---getheight,widthandentirestylevarimgHeight=$("#image").height();varimgWidth=$("#image").width();varimgStyle=$("#image").attr("style");//---removeinlines

javascript - style.left 和 element.offsetLeft 有什么区别

谁能告诉我style.left和element.offsetLeft有什么区别,是一样的吗? 最佳答案 element.offsetLeft返回当前元素的左上角在offsetParent节点内向左偏移的像素数。elem.style.left获取样式属性的左侧属性 关于javascript-style.left和element.offsetLeft有什么区别,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.co

javascript - 无法读取 null 的属性 'style'

由于一些奇怪的原因,我得到了一个奇怪的错误。我有一个元素(我用PHP定义的)最终看起来像这样:...somehtmlinputsandstuff....我通过Chrome的InspectElement确定。现在,当我尝试用这个编程方式解决它时:document.getElementById("1_area_1_5").style.display='none';我收到Cannotreadproperty'style'ofnull错误。我不知道这到底是什么意思,有什么帮助吗? 最佳答案 错误意味着该元素不存在。那是因为你打错了你写了1而

javascript style.width 在具有过渡文档类型的 firefox 中不起作用

我有一个脚本可以让一个小的DIV在页面上弹出。在IE中一切正常,如果我删除DOCTYPE,在FF中一切正常,但是当DOCTYPE为XHTML/Transitional时,在Firefox中,宽度不会改变。this.container.style.visibility="visible";alert("this.container.style.widthbefore="+this.container.style.width)this.container.style.width=this.width;alert("this.container.style.widthafter="+this

javascript - 具有动态值的 jquery 'attribute contains' 选择器

假设我有一个整数变量questionId,我想找到具有片段("question_"+questionId)的tr元素)在他们的id中。我怎样才能做到这一点?我以为我可以用jquery'attributecontains'selector来做到这一点.例如,这适用于非动态值,$("tr[id*='quiz_question_7674']")但是,我不知道如何将变量值插入其中。这不起作用,例如:questionId=7674;$("tr[id*='quiz_question_'+questionId]")有什么想法吗?有没有比“属性包含”更好的方法来做到这一点?我觉得我遗漏了一些明显的东西

javascript - 使用 accepts_nested_attributes_for 的 rails 中的三级嵌套表单

我一直在尝试在我的Rails应用程序中使用accepts_nested_attributes_for实现动态多模型表单。我一直在关注EloyDuran的complex-formsexample这显示了2级实现,但我一直在尝试将其扩展到3级。accepts_nested_attributes_for是否支持3级表单?谁能告诉我如何扩展示例应用程序?我已经让第3级的javascript部分工作(由于某种原因并不总是工作),但我无法保存第3级对象。它为每个属性传递的参数名称是:greatgrandparent[grandparent_attributes][0][parent_attribu