草庐IT

按钮(Button)组件

全部标签

javascript - 在 Summernote 中创建自定义按钮插件

我正在尝试在Summernote中创建一个自定义按钮插件,但是ui.button当然会创建一个按钮。例如,有什么方法可以使它成为一个div吗?context.memo('button',function(){returnui.buttonGroup([ui.button({className:'someClass',tooltip:'tooltipInfo',data:{toggle:'dropdown'},click:function(){}}),我尝试做的是:varbuttonGroup=ui.buttonGroup([...]);buttonGroup.changeTag('di

javascript - 具有动态图像源的可重用 Gatsby-Image 组件

我正在考虑在我的下一个项目中使用Gatsby-Image,并且已经尝试了一些。我让它在我的测试项目上工作,但后来我想出了一个用例,我想像使用常规一样使用Gatsby的标签。标签。如何使Gatsby组件可重用?importReactfrom"react"import{StaticQuery,graphql}from"gatsby"importImgfrom"gatsby-image"functionrenderImage({file}){console.log({file})return}//StatelessImagecomponentwhichIguesswill//receivet

javascript - 使用 Webpack 4 构建 React 组件库

我目前正在构建一个React组件库并将其与Webpack4捆绑在一起。从构建库的包到将其发布到npm注册表,一切都运行良好。但是,我无法在其他React应用程序中导入它的任何组件并在运行时收到此错误消息:Elementtypeisinvalid:expectedastring(forbuilt-incomponents)oraclass/function(forcompositecomponents)butgot:undefined.Youlikelyforgottoexportyourcomponentfromthefileit'sdefinedin,oryoumighthavemi

javascript - 发现哪个表单按钮触发了提交

在我的表单中,我有两个提交按钮。现在,在将表单提交回服务器之前,我想根据单击的按钮执行特定任务。$('form').submit(function(){ifsubmitequalssavetask1;elseifsubmitequalssendtask2}如何检查按下了哪个按钮? 最佳答案 $(":submit").click(function(){$("form").data("submit-button",this.name);});$("form").submit(function(){varbutton=$(this).da

javascript - jQuery Validation Plugin 停止表单提交,提交按钮不起作用

以下脚本使用jQuery验证插件-http://docs.jquery.com/Plugins/Validation-阻止发送此处找到的表单:http://www.bestcastleintown.co.uk/book2.php请填写表格并观察验证消息消失,然后尝试按发送,这似乎无法发送,我不明白为什么。删除此脚本后,联系表单将正常运行并允许发送。因此,我认为这是造成问题的原因。任何帮助或建议将不胜感激。jQuery.validator.setDefaults({debug:true,success:"valid"});;$(document).ready(function(){$("

javascript - 点击浏览器 "back"按钮显示 JSON 而不是 HTML(使用 Rails 和 d3.js)

我正在使用d3.jsJSON回调在Rails中生成图表,如下所示:查看d3.json(document.URL,function(data){//generatechart}Controllerdefindexrespond_todo|format|format.htmldo#returntheHTMLendformat.jsondo#returntheJSONendendend一切正常。然而,当用户离开此图表,然后使用浏览器上的“后退”按钮导航回到它时,他们会看到JSON而不是HTML。你能建议我如何解决这个问题吗? 最佳答案 嗯

javascript - 更改 windowManager TinyMCE 上按钮的配置

我在tinyMCE上制作了一个用于上传图片的文件管理器,并从另一个文件(attachment_path)获取表单上传和图片列表。首先,当我选择图片时,我成功获取了图片url并放入field_name。但是现在我想在选择图像时将禁用按钮(插入)更改为false并将图像的url放入按钮(使用自定义属性)。index_path上的脚本:file_browser_callback:function(field_name,url,type,win){tinymce.activeEditor.windowManager.open({title:'MyFileManager',file:"",wid

javascript - 从 webview 中捕获 native 后退按钮事件

我是webviews的新手,正在尝试使用它做一个应用程序。我有一个使用javascript显示的弹出窗口。它有一个关闭按钮来关闭。除了关闭按钮,我还想使用native后退按钮。也就是说,如果用户点击后退按钮,我的弹出窗口应该关闭。我的疑问是,它是否需要对native应用程序进行任何更改?或者webview将后退按钮操作转换为webview可以理解的一些事件,例如按键? 最佳答案 我不知道您是否支持HTML5,但如果支持,HistoryAPI中的history.pushState和history.onpopstate将完全满足您的需求

javascript - 使用 Browserify 设置 Karma 以测试 React (ES6) 组件

我在使用Karma+Browserify为某些React组件设置测试配置时遇到了问题。提到代码是用ES6编写的,我已经升级到最新的Babel版本(6+),我认为这是此配置中万恶之源。由于Babel现在已拆分并具有这种基于插件的方法(预设),我不确定我应该如何在karma.conf文件中指定它。我当前的配置如下所示:module.exports=function(config){config.set({basePath:'',browsers:['PhantomJS'],frameworks:['browserify','jasmine'],files:['app/js/**/*','a

javascript - 创建由多个组件组成的表

因此,当我开始深入研究angular2时,我想我创建了一个列出人员的表。一个组件用于创建表格(person-list),另一个组件用于表格中的每个人(person-list-item)。很简单,对吧?通过以下输出,我意识到这并不容易。如您所见,表格行不遵循表格结构。通过在检查器中查看html,我们还可以看到毁了table。有没有办法解决这个问题,或者我应该只在中创建表格行?元素为了不让浏览器毁了表格?我想这是一个适用于多个组件会破坏某个DOM元素的其他情况的问题。app.componentimport{PersonListComponent}from'./person-list.com