草庐IT

data-item

全部标签

html - 如何快速填充 Rails 中的 *data inter-dependent* <select> 下拉菜单?

用户需要选择一辆车。我们在选择汽车时有几个下拉菜单,可以选择年份、品牌、型号和子型号。最初我们不知道使用什么来选择make/model/submodel的选项,因为它们是相互依赖的。选择年份后,我们使用ajax发出请求,查询ActiveRecord以填充生成下拉列表。然后当我们选择make时,我们使用ajax来查询和填充模型下拉列表。然后,当我们选择模型时,我们使用ajax来查询和填充子模型下拉列表。问题是,这是许多单独的网络请求,在低带宽、网络问题等现实世界条件下。经常会出现严重影响用户体验的暂停,偶尔会导致失败。哪些方法可以帮助避免所有这些网络请求。那里有一种方法可以在客户端浏览器

html - 如何快速填充 Rails 中的 *data inter-dependent* <select> 下拉菜单?

用户需要选择一辆车。我们在选择汽车时有几个下拉菜单,可以选择年份、品牌、型号和子型号。最初我们不知道使用什么来选择make/model/submodel的选项,因为它们是相互依赖的。选择年份后,我们使用ajax发出请求,查询ActiveRecord以填充生成下拉列表。然后当我们选择make时,我们使用ajax来查询和填充模型下拉列表。然后,当我们选择模型时,我们使用ajax来查询和填充子模型下拉列表。问题是,这是许多单独的网络请求,在低带宽、网络问题等现实世界条件下。经常会出现严重影响用户体验的暂停,偶尔会导致失败。哪些方法可以帮助避免所有这些网络请求。那里有一种方法可以在客户端浏览器

javascript - 什么是 data-* HTML 属性?

我最近在其中一个网站上发现这样的开始标签:我找不到任何关于它的信息。这些标签有什么用? 最佳答案 data-*属性是自定义HTML属性。基本上,有style、src、width、height、等标准HTML属性class...这些对浏览器有特殊意义并且是“保留的”。不过,自定义属性一般没有特殊意义,只对所有者的应用有特殊意义。它们可用于简化应用程序的逻辑。在您的属性名称前使用data-可确保future的标准属性不会使用您当前的属性。例如,假设今天您正在使用sound属性,但随后HTML标准添加了一个sound属性,其含义与您的意思

javascript - 什么是 data-* HTML 属性?

我最近在其中一个网站上发现这样的开始标签:我找不到任何关于它的信息。这些标签有什么用? 最佳答案 data-*属性是自定义HTML属性。基本上,有style、src、width、height、等标准HTML属性class...这些对浏览器有特殊意义并且是“保留的”。不过,自定义属性一般没有特殊意义,只对所有者的应用有特殊意义。它们可用于简化应用程序的逻辑。在您的属性名称前使用data-可确保future的标准属性不会使用您当前的属性。例如,假设今天您正在使用sound属性,但随后HTML标准添加了一个sound属性,其含义与您的意思

html - 水平 <ul> 菜单 : how to fix the width of list items

我有一个水平的菜单。如何固定的宽度例如,每个元素250像素? 最佳答案 设置A标签的样式有助于保持一致性,并且比设置LI标签的样式更具灵active,尤其是当您最终制作多行菜单项时。ulli{float:left;}ullia{display:block;width:250px;}您还应该使用CSSreset以保持浏览器之间的一致性。 关于html-水平菜单:howtofixthewidthoflistitems,我们在StackOverflow上找到一个类似的问题:

html - 水平 <ul> 菜单 : how to fix the width of list items

我有一个水平的菜单。如何固定的宽度例如,每个元素250像素? 最佳答案 设置A标签的样式有助于保持一致性,并且比设置LI标签的样式更具灵active,尤其是当您最终制作多行菜单项时。ulli{float:left;}ullia{display:block;width:250px;}您还应该使用CSSreset以保持浏览器之间的一致性。 关于html-水平菜单:howtofixthewidthoflistitems,我们在StackOverflow上找到一个类似的问题:

html - Mobile Web App : &lt;header&gt; vs <div data-role ="header">. 有什么区别?

我正在使用HTML5和jQueryMobile开发移动网络应用程序。HTML5MobileBoilerplate建议:关于jQuerymobile(Section"Puttingittogether:Basicsinglepagetemplate")建议哪种方式更可取?之间有什么区别?和data-role="header"?我确实尝试过谷歌搜索,但到目前为止没有答案。 最佳答案 data-*attributes用于为您网站上的脚本提供信息。除了向您的脚本提供该数据之外,它们没有更广泛的语义目的,它仅表示您网站上页面中的某些内容。el

html - Mobile Web App : &lt;header&gt; vs <div data-role ="header">. 有什么区别?

我正在使用HTML5和jQueryMobile开发移动网络应用程序。HTML5MobileBoilerplate建议:关于jQuerymobile(Section"Puttingittogether:Basicsinglepagetemplate")建议哪种方式更可取?之间有什么区别?和data-role="header"?我确实尝试过谷歌搜索,但到目前为止没有答案。 最佳答案 data-*attributes用于为您网站上的脚本提供信息。除了向您的脚本提供该数据之外,它们没有更广泛的语义目的,它仅表示您网站上页面中的某些内容。el

html 5 data-* 语法不能绑定(bind) Angular 2 中的值?

我有一个这样的对象数组Heros=[{heroName:"card1",heroType:"type1",heroHtml:"card1"},{heroName:"card2",heroType:"type2",heroHtml:"card2"}]我想像这样在我的html页面中显示它可以看到一个Plunker在这里。为什么data-component-type取不到正确的值?如果禁止或不推荐这样做,还有什么解决方案可用于将值绑定(bind)到html5自定义属性? 最佳答案 那是因为data-hero-type不是div的属性,而是

html 5 data-* 语法不能绑定(bind) Angular 2 中的值?

我有一个这样的对象数组Heros=[{heroName:"card1",heroType:"type1",heroHtml:"card1"},{heroName:"card2",heroType:"type2",heroHtml:"card2"}]我想像这样在我的html页面中显示它可以看到一个Plunker在这里。为什么data-component-type取不到正确的值?如果禁止或不推荐这样做,还有什么解决方案可用于将值绑定(bind)到html5自定义属性? 最佳答案 那是因为data-hero-type不是div的属性,而是