草庐IT

event-driven-design

全部标签

html - 使 Material Design Lite 表格 100% 宽度的正确方法是什么?

我正在考虑使用Google'sMaterialDesignLite框架,我想知道如何使表格跨越其包含元素的100%宽度:拿这张表:MaterialQuantityUnitpriceAcrylic(Transparent)25$2.90Plywood(Birch)50$1.25Laminate(GoldonBlue)10$2.35我怎样才能让这个MDL表跨越100%的容器?我已经设置了这个JSFiddle表格示例取自docs. 最佳答案 只需在table和th中添加一个新的fullwidth类,直接将宽度设置为100%。.fullwi

javascript - 如何使用 google.maps.event.trigger(map, 'resize' )

初学JS,找到了上一个问题的答案,又引出了一个新问题,又把我带到了这里。我有一个包含GoogleMapAPI的RevealModal。单击按钮时,会弹出RevealModal,并显示Googlemap。我的问题是只显示了map的三分之一。这是因为需要实现调整大小触发器。我的问题是如何实现google.maps.event.trigger(map,'resize')?我该把这段代码放在哪里?这是我的测试站点。点击谷歌地图按钮查看手头的问题。http://simplicitdesignanddevelopment.com/Fannie%20E%20Zurb/foundation/conta

HTML5 离线 "Application Cache Error event: Manifest fetch failed (-1)"

我正在尝试编写一个HTML5离线应用程序,但似乎无法让Chrome接受缓存list文件。Chrome在加载应用程序时将以下输出记录到其控制台:CreatingApplicationCachewithmanifesthttp://localhost/cache.manifestApplicationCacheCheckingeventApplicationCacheErrorevent:Manifestfetchfailed(-1)http://localhost/cache.manifest但是,如果我从list文件中删除除第一行(即“CACHEMANIFEST”)以外的所有行,Chr

javascript - 如何从 event.target 获取元素的 ID

考虑一段如下所示的代码:$('body').on('click',function(e){});我知道有一种方法可以从e.target获取元素类型,即e.target.nodeName,但我如何才能获取该元素的id从那?如果做不到,是否有另一种方法来获取被点击元素的id? 最佳答案 您可以使用e.target.id。e.target表示DOM对象,您可以访问它的所有属性和方法。$('body').on('click',function(e){alert(e.target.id);});您可以使用jQuery函数jQuery(e.ta

android - 平板电脑设备上的选项卡未占据全宽 [使用 android.support.design.widget.TabLayout]

我将标签设置为UPDATE29/05/2015this邮政。在我的Nexus4手机上,标签占据全宽,但在nexus7平板电脑上,它位于中间,不覆盖全屏宽度。Nexus7屏幕截图Nexus4屏幕截图 最佳答案 一个“更简单”的答案borrowedfromKaizie只需在您的TabLayoutxml:中添加app:tabMaxWidth="0dp" 关于android-平板电脑设备上的选项卡未占据全宽[使用android.support.design.widget.TabLayout],我

android - 平板电脑设备上的选项卡未占据全宽 [使用 android.support.design.widget.TabLayout]

我将标签设置为UPDATE29/05/2015this邮政。在我的Nexus4手机上,标签占据全宽,但在nexus7平板电脑上,它位于中间,不覆盖全屏宽度。Nexus7屏幕截图Nexus4屏幕截图 最佳答案 一个“更简单”的答案borrowedfromKaizie只需在您的TabLayoutxml:中添加app:tabMaxWidth="0dp" 关于android-平板电脑设备上的选项卡未占据全宽[使用android.support.design.widget.TabLayout],我

html - css 'design patterns' 有什么好的在线资源?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。谁能推荐一个很好的CSS“设计模式”在线资源?我知道软件环境中的设计模式通常指的是基于OO的设计模式,但我指的是广义上的设计模式:即针对常见问题/任务的通用、干净的解决方案。此类资源的示例是thislistoftabledesigns,这为您提供了所有您真正需要了解的有关如何使用一组CSS技术使表格看起来漂亮的信息。其他可能有很好的解决方案的常见问题示例

javascript - Microsoft Fluent Design for Web(CSS 框架)

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭4年前。Improvethisquestion微软最近发布了一个叫做“FluentDesign”的设计系统,用在网页设计上合适吗?我的大部分搜索都是针对所有Microsoft平台、C#应用程序、F#等。我从未见过任何有关网页设计的内容。

jquery - Chrome 文件上传错误 : on change event won't be executed twice with the same file

我正在研究这个html5文件uploader插件,但它在GoogleChrome上有一个错误,我无法理解并修复它。它在Firefox上运行良好。jsfiddlelink问题是您不能从桌面上传同一个文件两次。当您第一次点击、选择并点击“确定”以从桌面上传文件时,它应该会提示一条消息,例如“.button-1”——取决于您点击的上传按钮。然后如果你尝试再次上传同一个文件,这行代码将不再执行,$(".upload-file",object_parent).change(function(){......alert($cm.selector);});知道这个插件出了什么问题吗?(functio

jquery - popstate 返回 event.state 未定义

我正在学习HTML5中的历史,在此示例中(打开JavaScript浏览器控制台以查看错误)event.state.url返回:UncaughtTypeError:Cannotreadproperty'url'ofundefined查看并提供帮助:http://jsfiddle.net/un4Xk/ 最佳答案 event是jQuery事件对象,而不是DOM对象。要访问DOM事件对象,请使用event.originalEvent:http://jsfiddle.net/pimvdb/un4Xk/1/.varstate=event.ori