程序设计 custom-data-attribute

11

我正在尝试选择具有data-go-to非空属性的所有元素。我已经尝试过，$('[data-go-to!=""]')但奇怪的是，如果我这样做的话，似乎选择了页面上的每个元素。

95 javascript jquery jquery-selectors custom-data-attribute

8

我计划为朋友建立一个自定义的图片库，我确切地知道我将如何制作HTML，但是CSS遇到了一个小问题。（如果可能，我希望页面样式不依赖jQuery）我的问题是：CSS Data-Attribute中的HTML Background-image 我将这种格式用于html缩略图： <div class="thumb" data-image-src="images/img.jpg"></div> 我认为CSS应该看起来像这样： .thumb { width:150px; height:150px; background-position:center center; overflow:hidden; border:1px solid black; background-image: attr(data-image-src);/*This is the question piece*/ } 我的目标是把data-image-src从div.thumb我的HTML文件，并使用它的每一个div.thumb（或多个）background-image在我的CSS文件来源。这是一支Codepen笔，以便获得我所寻找的动态示例：http : //codepen.io/thestevekelzer/pen/rEDJv

80 css background-image custom-data-attribute

5

具有数据属性的SelectListItem

无论如何，是否在ViewModel上预填充了带有数据属性的SelectList？我想要做 @Html.DropdownListFor(m=> m.CityId, Model.Cities); 因此它生成如下代码： <select id="City" class="location_city_input" name="City"> <option data-geo-lat="-32.522779" data-geo-lng="-55.765835" data-geo-zoom="6" /> <option data-geo-lat="-34.883611" data-geo-lng="-56.181944" data-geo-zoom="13" data-geo-name="Montevideo" data-child=".state1" value="1">Montevideo</option> <option data-geo-lat="-34.816667" data-geo-lng="-55.95" data-geo-zoom="13" data-geo-name="Canelones, Ciudad de la Costa" data-child=".state41" value="41">Ciudad de la Costa</option> </select>

76 asp.net-mvc html html-helper custom-data-attribute selectlist

6

为什么JS代码“ var a = document.querySelector（'a [data-a = 1]'）;”？导致错误？

我在DOM中有一个元素： <a href="#" data-a="1">Link</a> 我想通过其HTML5自定义数据属性获取此元素data-a。所以我写了JS代码： var a = document.querySelector('a[data-a=1]'); 但是此代码不起作用，并且在浏览器的控制台中出现错误。（我测试了Chrome和Firefox。） JS代码var a = document.querySelector('a[data-a=a]');不会导致错误。因此，我认为问题在于HTML5的JS APIdocument.querySelector不支持在HTML5自定义数据属性中查找数字值。这是浏览器实现错误还是HTML5规范相关document.querySelector？然后，我在http://validator.w3.org/上测试了以下代码： <!DOCTYPE html> <meta charset="utf-8"> <title>An HTML Document</title> <a href="#" data-a="1">Link</a> 他们已通过验证。由于这些HTML5代码已经过验证。我们应该可以使用HTML5的JS APIdocument.querySelector通过其自定义数据属性来查找此锚元素。但是事实是我出错了。 HTML5对HTML5 JS API的规范是否document.querySelector表示该方法无法查找带有数字值的HTML5数据自定义属性？（需要HTML5规范源。）

74 javascript html css-selectors custom-data-attribute selectors-api

Questions tagged «custom-data-attribute»