草庐IT

MODAL_BUTTON

全部标签

javascript - Angular2 - MaterializeCSS : Modal dialogs don't open

我正在使用带有materializecss的Angular2。目前我正在尝试创建在单击按钮时打开的模式对话框。文档中还有一个示例https://www.npmjs.com/package/angular2-materialize.我还使用了一个materilize-select,它工作得很好,所以我猜安装、导入等都是正确的。问题是,当我单击模态触发器时,路由器解析新路由“localhost:4200/#modal1”,我被重定向到我的起始页。我也尝试用data-target="modal1"替换href,但这也没有用。我能否以某种方式禁用路由器的哈希链接?我的其他路由没有哈希值。这是来

javascript - Highcharts : Chart with drilldown how to obtain click event of drill up button

我正在使用带有向下钻取功能的Highcharts,这是我的工作FIDDLE.如何获取上钻按钮的点击事件?我已经引用了HighchartsAPI但不知道如何将其合并到我的代码中。我想做这样的事情:drillUp:function(){//getpointdetailsbyusingsomethinglikethisorthis.point//getseriesdetailsbyusingsomethinglikepoint.series} 最佳答案 你需要catchevent.查看chart.events.drillupAPI文档。要

javascript - 如何将滚动添加到 react-bootstrap Modal.Body

我正在使用react-bootstrapmodal.如何只滚动正文而不滚动整个页面?ModaltitleOnefinebody...CloseSavechanges 最佳答案 感谢Amitanswer.第一个仅使用样式的解决方案如下:ModaltitleOnefinebody...CloseSavechanges有一种使用react-bootstrap本身来实现该行为的新方法:....ModalDocumentation 关于javascript-如何将滚动添加到react-bootst

javascript - semantic-ui modal size 一直延伸到页面的高度

我正在尝试实现一个基本模式,但它的大小一直扩展到页面的高度。触发代码:$('.ui.modal.apply-modal').modal('show');模态代码:ModalTitlefacebookCancelOK 最佳答案 事实证明Bootstrap包与Semantic-UI冲突我使用的包。简单地做:meteorremovetwbs:bootstrap事情解决了。诚然,这不是一个理想的解决方案,但无论如何我都不应该同时使用这两个框架。嗯,经过大约两个小时的调试.... 关于javasc

javascript - 使用 AJAX 输入类型 ="submit"而不是输入类型 ="button"?

我有一个正在设置的AJAX表单,使用设置了jQuery.click操作。问题是,因为没有>在表单中,表单不会以传统方式提交,因此表单验证器并不总是有效,并且按下回车按钮什么也不做。如果我确实添加了提交输入,当它被点击(或输入被击中等)时,页面会重新加载,就好像它不是AJAX表单一样。我在这里错过了什么? 最佳答案 使用提交按钮。提交按钮在默认浏览器行为方面将更加兼容,例如按enter。然后,在提交事件中,只需取消表单提交并运行您的AJAX代码。如果您使用的是jQuery,则可以使用更“干净”的方法$('#form_id').bind

javascript - 点击 'submit-button'后文字迅速消失

有问题。这是我的代码:13-7:20-7:functioncheck(facit,input,output){varanswer,evaluation;answer=document.getElementById(input).value;evaluation=(answer==facit)?"Correct":"Wrong";document.getElementById(output).innerHTML=evaluation;returnfalse;}当我点击提交按钮时,“正确/错误”仅显示片刻。我希望它保留在网站上,有什么建议吗? 最佳答案

javascript - Jquery draggable with bootstrap modal, scroller 奇怪的行为

我正在尝试使用具有jquery-ui可拖动功能的Bootstrap模式弹出窗口。我这样使用它://Bootstrapmodal$(element).modal({keyboard:false,show:value});//Jquerydraggable$(element).draggable({handle:".modal-header"});但是当我尝试拖动弹出窗口时,右滚动条正在与弹出窗口一起拖动。感谢任何预付款。 最佳答案 我认为你应该在.modal-dialog类上应用draggable,参见:×CloseMod

javascript - $ ('.className > button' ) 和 $ ('.className' ).children ('button' ) 有区别吗?

在jQuery中有什么区别$('.className>button')和$('.className').children('button')或者这些只是获得相同结果的替代语法? 最佳答案 不是说你最终会得到什么,但第一个可以完全卸载到浏览器的内置CSS选择引擎,而第二个需要jQuery做更多的工作并涉及更多的对象创建和清理。除非你在一个mousemove处理程序中使用很多元素来做这件事,否则这不太重要,即使那样...... 关于javascript-$('.className>butto

javascript - React + 语义-UI : Using Forms inside UI MODAL

在没有React的普通旧语义UI中,我已经能够毫无问题地将表单放入模态框内。使用Semantic-UI+React版本,我能够在模态内显示表单,但它并没有像我期望的那样工作。例如,模态显示后,模态内的表单也显示出来。如果我开始在输入字段中输入,则会显示此错误:Error:InvariantViolation:findComponentRoot(...,.1.1.1.0.4.0.0.1):Unabletofindelement.ThisprobablymeanstheDOMwasunexpectedlymutated(e.g.,bythebrowser),usuallyduetoforg

javascript - VideoJS : Stopping video on modal close and not embedding in page

我一直在使用JavaScript脚本VideoJS:http://videojs.com/构建一些可以在弹出窗口中显示给用户的视频播放器。我按如下方式构建了弹出窗口:VideoJS.setupAllWhenReady();jQuery(document).ready(function(){//videoshavevideojsappliedtothem//$("video").VideoJS()$(".show-video").click(function(){$(".video-background").show();$(".video-container").fadeIn("fas