jquery-steps:在提交表单时禁用提交按钮

我正在使用jquery-steps.js, 我想在单击提交时禁用提交按钮,并且在提交表单之前永远不要激活它。 原因是如果有人点击提交很多次我收到很多邮件! 注意:我的HTML文件不包含提交按钮,它只显示我包含的js文件 我的js文件看起来像这样。 $(function() { $(“#smart-form”).steps( { bodyTag:”fieldset”, headerTag:”h2″, bodyTag:”fieldset”, transitionEffect:”slideLeft”, titleTemplate:”#index# #title#”, labels: { finish: “Send søknad”, next: “Neste”, previous: “Tilbake”, loading: “Laster…” } , onStepChanging:function(event, currentIndex, newIndex) { if(currentIndex>newIndex) { return true; } var form=$(this); if(currentIndex<newIndex) {} return form.valid(); } , onStepChanged:function(event, currentIndex, priorIndex) {} , onFinishing:function(event, currentIndex) { var form=$(this); […]

KineticJS – 用鼠标自由绘制

我正在构建一个canvas绘画工具,使用它只需拖动鼠标在canvas上绘制。 据我所知,线条是这项工作的最佳方式。 所以在鼠标按下时我会创建一个KineticJS Line对象,当用户拖动时,我会在最后一个鼠标位置和当前位置之间添加一个点。 注意,我只有一个有多个点的线对象。 当用户释放鼠标时,Line已完成,每当您再次单击以绘制更多内容时,我都会创建一个新的线对象。 问题在于,如果要绘制文本,请说“我的名字是x”,这将产生许多行对象,每个字符为1(“x”和“i”为2)。 有一个更好的方法吗? 我的想法是只有一个线对象,并且你只是不能从前一个位置添加一条线,然后当你拖动它时。 但我不认为KineticJS Line支持这一点。 所以基本上,我可以改进我让用户绘制的方式吗?

jQuery UI可排序 – 单击时拖动元素

我有两个块,“可拖动”和“可排序”。 在“可拖动”内部,我可以将它们拖动到“可排序”的项目很少。 我希望有可能单击“draggable”中的项目并自动将其拖动到“可排序”。 这是我的JS: $(“.sortableList”).sortable({ placeholder: ‘ui-state-highlight’, }); $(‘.sortableList’).disableSelection(); $(“.draggable”).draggable({ connectToSortable: ‘.sortableList’, cursor: ‘pointer’, helper: ‘clone’, revert: ‘invalid’, start: function (event, ui) { $(this).addClass(‘testing’); } }); 这是一个jsbin 任何想法如何通过点击它们将元素拖动到“可排序”?

jquery qtip中的flot?

我正在尝试复制亚马逊,Trip Advisor等正在做的事情并显示工具提示类型界面,当hover在平均评价分数上以条形图格式显示分数的细分 – 在qtip论坛上据说使用Flot(我的第一个)时间使用它作为通常使用谷歌图表)但是当我把它放在工具提示之外时,图表在页面上渲染得很好,一旦我把div放在其中它就不起作用。 我的页面是: http : //solicitor.info/demo/solicitors/?id = 15 任何人都可以看到我做错了什么?

Yii2动态表格wbraganca复制值到克隆字段

我在我的Yii2项目中使用wbraganca动态表单,我想将第一组字段中输入的值复制到克隆div中的字段集。 据我所知,jQuery默认将值复制到克隆字段。 在浏览扩展的dynamicform.js时,我发现代码我认为会覆盖默认function,不允许将值复制到克隆字段。 负责相同的相关代码是这样的: $template.find(‘input, textarea, select’).each(function() { if ($(this).is(‘:checkbox’) || $(this).is(‘:radio’)) { … $(this).prop(‘checked’, false); } else if($(this).is(‘select’)) { $(this).find(‘option:selected’).removeAttr(“selected”); } else { $(this).val(”); } }); …. 现在我的问题是如何将第一组字段的值复制到克隆字段。 例如我的领域是: field($modelCustomBreakTime, “[{$i}]days”)->dropDownList([‘select’,$days]) ?> //where $days are days of week 所以基本上我想要的是当我选择星期一时,复制的值应该是星期一。 更新:_form.php内容 where([‘user_role’ => ‘instructor’])->andwhere([‘status’ => 10])->all(), ‘id’, function ($model) { return $model[‘first_name’] . ‘ ‘ […]

从静止鼠标进入动画元素获取mouseenter事件

我正在写一个图像轮播,由于某些类添加/删除我的CSS指针以及我的mouseenter事件似乎无法正常工作。 $(“img”, “:not(.active)”).on(“click”, function() { var $this = $(this); $(“img”).removeClass(“active”); $this.addClass(“active”); goto($this.index()); }); $(“img”).on(“mouseenter”, function() { console.log(“silence”); }); function goto(i) { $(“.images”).animate({ left: 55-i*310 }); } http://jsfiddle.net/rnfkqq6s/3/ 请看一下小提琴并观看控制台。 当鼠标在点击时没有移动时,鼠标中心有时不会被触发。 与光标一样的东西。 我在这做错了什么?

页内结果实时搜索

我需要一个搜索框,它会像CTRL + F的工作方式一样抛出结果。 现在,在我的index.php页面上,我有ff格式: Client Name: Nationality: Birthday: Address: Gender: Birthplace: <tr id="”> 我已经尝试了很多JQuery和Ajax教程,但是没有一个教程似乎可以正常工作。 所以我得出结论,也许那些教程只有在你有一个预定义的表行值时才能工作。 像这样的例如: ClientName 无论如何,我可以在我的索引页面上搜索CTRL + F作为表行吗?

尝试传入回调函数失败

我试图在用户点击网页上的元素时创建一些function。 一旦页面执行,回调函数就会执行。 它只应在用户点击元素时执行。 这是代码: Javascript Test $(“#clickMe”).one(‘click’, printThis(“Hello All”)); function printThis(msg) { console.log(msg); } Click me! 谢谢!

WordPress联系表单7文本框未在Chrome中显示

我在使用WordPress查看联系表单7文本字段中的文本时遇到问题。 我在浏览中遇到问题的唯一浏览器是Chrome。 如果我单击文本字段并开始键入任何显示,直到我单击文本字段。 如果我单击一个文本字段并开始输入,然后单击进入下一个字段并开始键入任何显示,直到单击文本和页面上的其他位置? 我有另一个线程,有人有这个问题,但它没有帮助我解决这个问题。 这里的链接文本框在chrome中的联系form7 wordpress中不能正常工作 我已经考虑过尝试修改此联系表单的CSS,但无法弄清楚如何编辑它。 任何帮助将不胜感激。

Jquery AjaxUpload插件不会触发onComplete事件

我使用Valums AjaxUpload在我的ASP.NET MVC 3应用程序中上传文件。 new AjaxUpload($(‘input.partupload’), { autoSubmit: true, action: ‘/AdminPanel/Car/UploadPart’, onSubmit: function (file, ext) { if (!(ext && /^(zip)$/.test(ext.toLowerCase()))) { $(‘#hinf’).fadeIn(‘slow’); $(‘#hinf’).html(“Please, upload only Zip files!!”); return false; } }, data: { path: directoryPath,parentName : part, carId: @Model.carID, color: color }, onComplete: function (file,response) { var model = file.replace(‘.zip’,”); if(response==”true”) { alert(response); createTree(part, model […]