jquery-plugins 相关问题

我正在使用 Jquery sumoselect 插件进行多选。我想在点击某个按钮时重置值。这是我的代码： </</desc> <question vote="1"> <p>我正在使用 <a href="https://hemantnegi.github.io/jquery.sumoselect/" rel="nofollow noreferrer">Jquery sumoselect 插件</a> 用于多选选项。我想在点击某个按钮时重置值。</p> <p>这是我的代码：</p> <pre><code><script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> <script src="js/jquery.sumoselect.min.js"></script> <link href="css/sumoselect.css" rel="stylesheet" /> <script type="text/javascript"> $(document).ready(function () { window.asd = $('.SlectBox').SumoSelect({ okCancelInMulti: true }); }); </code></pre> <p>这里是重置多选内容的功能</p> <pre><code>function clearContents() { $('select.SlectBox')[0].sumo.unload(); } <select name="is_dist_handled" multiple="multiple" placeholder="Select" class="SlectBox"> <option value="Y">Yes</option> <option value="N">No</option> </select> </code></pre> </question> <answer tick="true" vote="6"> <p>您可以使用<pre><code>sumo.unSelectItem();</code></pre>。 <a href="http://hemantnegi.github.io/jquery.sumoselect/" rel="noreferrer">来源在这里</a></p> <pre><code>$(document).ready(function () { $('.SlectBox').SumoSelect({ okCancelInMulti: true }); $('button').on('click', function(){ var num = $('option').length; for(var i=0; i<num; i++){ $('.SlectBox')[0].sumo.unSelectItem(i); } }); }); </code></pre> <p><a href="http://jsfiddle.net/p89ka9jq/" rel="noreferrer">小提琴</a></p> <p><strong>更新</strong></p> <p>仅删除选定的选项</p> <pre><code>$('button').on('click', function () { var obj = []; $('option:selected').each(function () { obj.push($(this).index()); }); for (var i = 0; i < obj.length; i++) { $('.SlectBox')[0].sumo.unSelectItem(obj[i]); } }); </code></pre> <p><a href="http://jsfiddle.net/p89ka9jq/2/" rel="noreferrer">小提琴</a></p> </answer> <answer tick="false" vote="2"> <p>这对我来说很好。</p> <pre><code>('#Multi_Lead_Status')[0].sumo.unload(); $('#Multi_Lead_Status').val(''); $('#Multi_Lead_Status').SumoSelect({ search: true, placeholder: 'Status', csvDispCount: 2, searchText: 'Search...' }); </code></pre> </answer> <answer tick="false" vote="2"> <p>这将是取消选择所有选择的可能选项：</p> <pre><code>.unSelectAll() </code></pre> <p>Un 选择列表中的所有项目</p> <p>//取消选择所有项目</p> <p><pre><code>$('select.SlectBox')[0].sumo.unSelectAll();</code></pre></p> </answer> <answer tick="false" vote="0"> <p>注意，以上解决方案都不适合我……我遇到了 javascript 错误。但是如果你想使用 jQuery，有一个简单的解决方法来重置 SumoSelect。这对我来说非常有效：</p> <pre><code>jQuery(".opt.selected").trigger('click'); </code></pre> </answer> </body></html>

jquery jquery-ui jquery-plugins sumoselect.js

回答 0 投票 0

HTML 单选按钮 JQuery 验证不起作用

您好，我正在通过单选按钮开发 5 星评级评论。这个单选按钮不能正常工作。我想在 wordpress 中实现。检查图像。 https://i.stack.imgur.com/UR5ED.png....

javascript jquery wordpress jquery-plugins

回答 1 投票 0

JQuery url shortner 由于 DEPRECATED_ENDPOINT 错误停止工作

我正在使用 JQuery urlshortner 插件，它通过传递所需的参数来访问外部 API (https://api-ssl.bit.ly)，但这几天就不起作用了。我在浏览器中看到以下错误...

jquery-plugins bitly

回答 0 投票 0

Tabledit jquery 插件选择字段不起作用

我尝试了 jquery 的 Tabledit 插件。它工作正常。但是，如果我想将编辑字段设置为选择字段，则它不起作用。编辑字段也显示为文本输入字段而不是选择...

javascript jquery jquery-plugins tabledit

回答 1 投票 0

jQuery is(':visible') 总是返回 true

$(".sidebar").is(':visible') 总是给出真实的价值。为什么会这样？ $(".sidebar").toggle("幻灯片", { 方向: "右" }); 如果 ($(".sidebar&qu...

javascript jquery jquery-ui jquery-plugins

回答 0 投票 0

单击按钮时如何显示对话框

我想在点击“前进”按钮时显示一个对话框。此对话框必须让我有可能继续或停留在同一页面上。你是怎样做的？下面是我的源代码： ...

javascript jquery jquery-ui jquery-plugins

回答 3 投票 0

有没有办法告诉 jQuery tablesorter 表已经排序了？

我有一个网络应用程序，它根据从 API 接收的数据构建一个表。这些数据是一个 CSV 字符串，其行已由 API 使用几列排序。目前，我使用 sortL ...

jquery jquery-plugins tablesorter

回答 0 投票 0

需要 jQuery 日历插件，垂直呈现数据

我目前正在创建任务管理器应用程序，为此我需要 Jquery calander 插件，这将有助于以垂直方式创建日历日视图。例如：插件需要渲染我的

html jquery plugins calendar jquery-plugins

回答 0 投票 0

在不同步骤上带有两个术语复选框的多步表单无法使用 jQuery 验证插件正确验证？

有两个复选框的表格，用于就不同步骤（第一个和最后一个）达成一致。第一个工作完全正常，但最后一步工作不正常。这是html代码有两个复选框的表格，用于就不同步骤（第一个和最后一个）达成一致。第一个工作完全正常，但是最后一步工作不正常。这里是html代码 <form method="post" id="prizeRegistration" action="submit_book.php" enctype="multipart/form-data"> <fieldset id="step1" class="publisher"> <div class="stepSec01"> <div class="row"> <div class="col-md-4"> <div class="form-group"> <label for="email">Are you a Publisher?<span class="strik">*</span></label> <div class="check"> <ul class="radioCls"> <li> <input type="radio" id="Yes" checked="" name="publisher" value="yes"> <label for="Yes"> <span></span>Yes</label> </li> <li> <input type="radio" id="No" name="publisher" value="no"> <label for="No"> <span></span>No</label> </li> </ul> <div class="error" id="error_publisher"></div> </div> </div> </div> .... .... .... <div class="col-md-12"> <div class="form-group"> <div class="checkbox"> <p>By checking the box below, you hereby declare that all information submitted by you holds true.<span class="strik adStrik">*</span></p> <input type="checkbox" id="agreement" name="agreement" value="agree" /> <label for="agreement"> <span></span>I agree</label> </div> <div class="error" id="error_agreement"></div> </div> <div class="form-group"> <a href="javascript:void(0)" id="stepone" class="btn next">Next</a> </div> </div> </div> </div> </fieldset> <fieldset id="step2" class="book" style="display:none;"> ... </fieldset> <fieldset id="step3" class="author" style="display:none;"> .... </fieldset> <fieldset id="step4" class="editor" style="display:none;"> ..... </fieldset> <fieldset id="step5" class="declaration" style="display:none;"> <div class="stepSec05"> <div class="row"> <div class="col-md-12"> <div class="form-group"> <div class="checkbox"> <p>I hereby declare that all information submitted as part of the form is true to my knowledge. Any information shared with me (as a representative of my Publishing House) will be kept confidential. A breach in the same will lead to the disqualification of the entries made by the Publishing House, for the foreseeable future.<span class="strik">*</span> </p> <input type="checkbox" id="declaration" name="declaration" value="agree" /> <label for="declaration"><span></span>I Agree</label> <div class="error" id="error_declaration"></div> </div> </div> <div class="form-group"> <button type="submit" id="stepfive" class="btn">Submit</button> </div> </div> </div> </div> </fieldset> </form> 这里是 jQuery 验证码 <script> $(document).ready(function() { $(".error").removeClass("error"); $(".next").click(function() { var form = $("#prizeRegistration"); jQuery.validator.addMethod("agreement", function(value, element) { if ($("#agreement").is(":checked")) { return true; } else { return false; } }, "Please check the box."); jQuery.validator.addMethod("declaration", function(value, element) { //var ckb_status = $("#declaration_agreement").prop('checked'); if ($("#declaration").is(":checked")) { return true; } else { return false; } }, "Please check the box."); jQuery.validator.addMethod("lettersonly", function(value, element) { return this.optional(element) || /^[a-zA-Z ]*$/.test(value); }, "Letters only please"); $.validator.addMethod('filesize', function(value, element, param) { return this.optional(element) || (element.files[0].size <= param * 1000000) }, 'File size must be less than {0} MB'); form.validate({ // ignore: [':not(checkbox:hidden)'], submitHandler: function() { $('.loaderhome').show(); form.submit(); }, focusCleanup: true, errorPlacement: function(error, element) { var name = $(element).attr("name"); error.insertAfter($("#error_" + name)); }, rules: { email: { required: true, email: true, }, publisher: { required: true, }, pbh_name: { required: true, lettersonly: true }, imprint_name: { required: true, lettersonly: true }, reg_address: { required: true, }, reg_phone: { required: true, number: true, maxlength: 10, minlength: 10 }, contact_person: { required: true, lettersonly: true }, cp_email: { required: true, email: true, }, cp_phone: { required: true, number: true, maxlength: 10, minlength: 10 }, proof: { required: true, filesize: 2 }, agreement: { required: true, }, published: { required: true, }, english: { required: true, }, book_title: { required: true }, published_date: { required: true, }, publishing_date: { // required: true }, isbn_code: { required: true, number: true, maxlength: 13, minlength: 10 }, orignal_title: { lettersonly: true }, original_lang: { lettersonly: true }, original_publisher: { lettersonly: true }, original_pub_date: { }, original_isbn_code: { number: true, maxlength: 13, minlength: 10 }, other_territory_pub: { required: true, }, territory_of_pub: { lettersonly: true }, other_territory_date_of_pub: { }, book_cover: { required: true, filesize: 2 }, ebook: { required: true, filesize: 2 }, author_name: { required: true, lettersonly: true }, author_date_of_birth: { required: true, }, author_email: { required: true, }, author_address: { required: true, }, author_proof_of_citizen: { required: true, filesize: 2 }, editor_name: { required: true, lettersonly: true }, editor_email: { required: true, email: true, }, editor_contact_number: { required: true, number: true, maxlength: 10, minlength: 10 }, declaration: { required: true, } }, }); console.log(form); if (form.valid() === true) { if ($('#step1').is(":visible")) { current_fs = $('#step1'); next_fs = $('#step2'); $('#publisher').removeClass('active'); $('#publisher').addClass('grnactive'); $('#book').addClass('active'); } else if ($('#step2').is(":visible")) { current_fs = $('#step2'); next_fs = $('#step3'); $('#book').removeClass('active'); $('#book').addClass('grnactive'); $('#author').addClass('active'); } else if ($('#step3').is(":visible")) { current_fs = $('#step3'); next_fs = $('#step4'); $('#author').removeClass('active'); $('#author').addClass('grnactive'); $('#editor').addClass('active'); } else if ($('#step4').is(":visible")) { current_fs = $('#step4'); next_fs = $('#step5'); $('#editor').removeClass('active'); $('#editor').addClass('grnactive'); $('#declaration').addClass('active'); } else if ($('#step5').is(":visible")) { current_fs = $('#step5'); next_fs = $('#step1'); $('#declaration').addClass('active'); $('#declaration').addClass('grnactive'); } next_fs.show(); current_fs.hide(); } }); $('.backBtn').click(function() { if ($('#step5').is(":visible")) { current_fs = $('#step5'); next_fs = $('#step4'); } else if ($('#step4').is(":visible")) { current_fs = $('#step4'); next_fs = $('#step3'); } else if ($('#step3').is(":visible")) { current_fs = $('#step3'); next_fs = $('#step2'); } else if ($('#step2').is(":visible")) { current_fs = $('#step2'); next_fs = $('#step1'); } next_fs.show(); current_fs.hide(); }); }); </script> 我试图更改名称，因为，id。当我们到达最后一步声明块时，它会自动添加有效类。我希望它在提交时显示错误而不检查它。但是，它仅在您单击或切换复选框时起作用。

javascript jquery validation jquery-plugins jquery-validate

回答 0 投票 0

如何使用 jquery 向 select2 <select> 添加更多选项？

我遇到了同样的挑战，我发现官方 select2 文档非常有用。我试过这个 $('#selectBox').append($('').val(optionValue).text(optionText)) 但它是自动选择...

bootstrap-4 jquery-plugins jquery-select2

回答 1 投票 0

如何在ajax添加的元素上绑定触摸事件？

我正在为一个小的WebApp使用touchSwipe jQuery Plugin。不幸的是，它不能用于动态添加的元素（例如通过AJAX）。好吧，我看了一下代码，发现有这样的情况。$...

jquery jquery-plugins

回答 2 投票 1

响应式文件管理器一直在处理。

我的电脑上的Responsive File Manager有问题，一切都正常，但客户端一直看到 "Processing..."，就像这张图片。没有任何错误，我可以做什么？在我的电脑上，它的工作......。