草庐IT

多模态学习

全部标签

javascript - 如何将焦点设置在 javascript 模态窗口上?

我们的网站涉及一些生成覆盖模式窗口的javascript。不过这有一个可访问性问题,一旦模态被触发,焦点仍然在触发元素上而不是模态本身。这些模式可以包括各种html元素、标题、段落和表单控件。我想要的是从模态中的第一个元素开始的焦点,因此很可能是h4标签。我探索过使用focus()函数,但是这不适用于许多html元素。一个想法是在窗口中添加一个空的a标签以获得焦点,但我不确定这种方法。 最佳答案 晚会很晚,但现有的答案不尊重可访问性。W3Cwikipageonaccessiblemodals提供了比OP中要求的更多的洞察力,相关部分

javascript - 在哪里可以找到 jQuery "scrollable"模态窗口插件?

找到了很多模态窗口插件,尝试了一些不同的配置选项,比如SimpleModal、LightBox...这些都是轻量级的并且具有灵活的配置,但我遗漏了一件事:我需要能够滚动模态窗口(当它超过高度)与浏览器滚动条类似facebookgallerymodal,或pinterest.compinpreviewmodal,有什么建议吗? 最佳答案 $(window).scroll(function(){if($('#ux-dialog-test-container').dialog('isOpen')===true){vardialogHeig

javascript - 在探索 Angular2 之前是否有必要先学习 TypeScript?

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭7年前。Improvethisquestion在尝试学习AngularJS2之前是否有必要先学习TypeScript?

javascript - SammyJS json 商店演示 - 如何创建模态产品弹出窗口?

有没有人有一个例子可以让SammyJSjson商店演示的产品详细信息显示在像FancyBox这样的模态插件中??这是来自json存储的代码块-我需要做什么才能在模型中呈现它FancyBox?this.get('#/item/:id',function(context){this.item=this.items[this.params['id']];if(!this.item){returnthis.notFound();}this.partial('templates/item_detail.template');}); 最佳答案

javascript - Jquery 模态对话框禁用滚动条

正如您在此链接中看到的,http://jsbin.com/ozapol/9,Jquery在某些版本的IE和最新版本的chrome上禁用滚动条。(我还没有尝试任何其他...)有没有办法让滚动条保持启用状态,以便能够在很长的对话框中滚动?谢谢!再见InternetExplorer的不错解决方案(感谢jk。)html{overflow-y:scroll}Chrome的残酷解决方法(感谢jk。)在Chrome上,JqueryUI劫持滚动条上的鼠标事件。这看起来像是上面链接中提到的错误。为了删除这些绑定(bind),您必须取消绑定(bind)事件每次创建模态对话框时:$("#longdialog

javascript - 模态是 bootstrap4 alpha6 模态的转换错误

我正在使用bootstrap4alpha6Modal,我得到:Error:Modalistransitioning当我尝试通过JavaScript函数再次使用动态数据重新触发相同模式时会发生这种情况,如下所示:functionopenModal(title,text){$('.modal-title').text(title);$('.modal-bodyp').text(text);$('#modalAlert').modal('show');}我尝试使用setTimeout函数,但没有像本文中那样工作:https://github.com/twbs/bootstrap/issues

javascript - ionic 模态不显示

我的ionic模态视图不会显示。屏幕会以某种方式变灰,但不会显示模态。请问这是怎么回事这是我的代码:原图:ContactInfo{{contact.name}}{{contact.info}}模态:EditContactNameInfoDoneController:.controller('DashCtrl',function($scope,$ionicModal){$scope.contact={name:'MittensCat',info:'Tapanywhereonthecardtoopenthemodal'}$ionicModal.fromTemplateUrl('templa

javascript - 当您了解 JavaScript 后,学习 ActionScript 的最简单方法是什么?

我是一名Ajax开发人员,我想构建一个Flash应用程序。鉴于我以前使用JavaScript的经验,您认为学习ActionScript最简单的方法是什么?我可能会遇到哪些障碍? 最佳答案 无论您做什么,都不要从购买FlashPro开始。它是一个设计器工具,对于开发代码来说真的很垃圾。以后一定要投资它,但它是编码人员进入ActionScript的障碍;不是援助。我建议让自己要么FlexBuilder如果您负担得起,或者像FlashDevelop这样的开源ActionScriptIDE如果不。然后拿几本关于ActionScript和/或

javascript - 延迟链接 Twitter Bootstrap 模态 ('hide' )

我正在显示一个简单的Bootstrap模态,底部有一个“结帐”按钮。点击我想要的按钮:关闭模式,例如$('#myModal').modal('隐藏')等到动画结束将window.location.href更改为我的“checkout”页面。如果不立即运行下一个函数,我似乎无法找到一种链接方式,例如$('#myModal').modal('hide').each(function(){window.location.href='/checkout';});或者我认为delay()可能会有所帮助,例如$('#myModal').modal('hide').delay(1000).each(

c# - 学习 BDD、TDD(ruby、C#、javascript)的好资源

学习BDD和TDD(ruby、C#、javascript)的好资源是什么。现在用的好框架有哪些? 最佳答案 见WhyshouldIpracticeTestDrivenDevelopmentandhowshouldIstart?BeginningTDD-Challenges?Solutions?Recommendations?GoodC#UnittestingbookIntroducingBDDWhatisthePathtoLearnBDDonRubyOnRails?JasmineHanselminutes-Understanding