标签: jquery-plugins

我在struts中使用jquery-1.4.4。我已成功使用 jquery.validate 插件并验证了我的请求表单。但由于它是一个 3 页的表单，我必须在每一页上提供一个确认对话框，以确保用户重新检查他们的表单条目。

     $(document).ready(function() {
     :::
      $("#Form1").validate({
      ::
      });
      function onSubmitForm(){
        var vconf = confirm(" You are about to submit, please recheck the the fields");
        if(vconf){
            return true;
        }else{
            return false;
       }
      }
     });

和我的提交按钮

<input type="submit" title="continue filling up the form" value="  Continue  " 
                onclick= "return onSubmitForm();"/>

这首先调用我的确认对话框，然后进行验证，这不适合首先询问用户是否真的想继续，然后阻止他们说他们的表单无效。

我正在使用 jquery.rateit.min.js 来执行评级功能。我有一个取消按钮，我需要在该按钮上重置所选的星星。下面的代码片段：

取消

谁能告诉我如何重置选定的星星。我使用以下函数进行重置，但单击“取消”按钮时并未调用它。$("#rate").bind('reset', function () { $('# rating1').val('0'); });

感谢和问候， 桑托什·库马尔·帕特罗

我正在使用Nestable.js jQuery 插件创建一个可拖放的项目列表，在后端用于管理菜单。它不再维护，但我找不到一个干净简单的替代方案，所以我告诉自己我应该尝试一下。

列表如下所示：

<div class="dd" id="nestable">
    <ol class="dd-list">
        <li class="dd-item" data-id="1">
            <div class="dd-handle">Item 1</div>
        </li>
        <li class="dd-item" data-id="2">
            <div class="dd-handle">Item 2</div>
            <ol class="dd-list">
                <li class="dd-item" data-id="3"><div class="dd-handle">Item 3</div></li>
                <li class="dd-item" data-id="4"><div class="dd-handle">Item 4</div></li>
                <li class="dd-item" data-id="5">
                    <div class="dd-handle">Item 5</div>
                    <ol class="dd-list">
                        <li class="dd-item" data-id="6"><div class="dd-handle">Item 6</div></li>
                        <li class="dd-item" data-id="7"><div class="dd-handle">Item 7</div></li>
                        <li class="dd-item" data-id="8"><div class="dd-handle">Item 8</div></li>
                    </ol>
                </li>
                <li class="dd-item" data-id="9"><div class="dd-handle">Item 9</div></li>
                <li class="dd-item" data-id="10"><div class="dd-handle">Item 10</div></li>
            </ol>
        </li>
        <li class="dd-item" data-id="11">
            <div class="dd-handle">Item 11</div>
        </li>
        <li …

我有另一个问题。例如我们有一个 HTML：

<div id="imageDiv>
<a id="testA">
    <img alt="" src "" id="img1">
    <img alt="" src "" id="img2">
    <img alt="" src "" id="img3">
    <img alt="" src "" id="img4">
    <img alt="" src "" id="img5">
</a>
    <img alt="" src "" id="img6">
</div>

我如何从最低级别检查，如果可能的话，使用简单的 JQuery 选择器或扩展，id 为 1 到 5 的图像具有相同的父级，但 id 为 6 的图像不具有相同的父级。

换句话说：如何检查 id 为 1 到 5 的图像是否是兄弟姐妹（）？

多谢

在我的网站中，我有一个项目列表，我使用滚动条滚动项目。

现在我想用两个按钮替换该栏，这两个按钮用于向上滚动和向下滚动，如果没有任何项目可显示，则可以自动隐藏。

如果有可用的插件，请告诉我。

我正在使用jQuery Slick在我的网站上使用幻灯片。

加载页面时，我的幻灯片会隐藏，并且我可以单击一些缩略图来打开我的幻灯片。
每个缩略图都有一个数据编号属性（我的变量），当单击缩略图时，我的幻灯片会自行打开，并且应根据单击的缩略图来设置初始幻灯片。

这是我的代码，没有变量。我选择拇指 4 只是为了示例，它工作正常：

$(".thumb").click(function(){
  $(".slider").show();
  setTimeout(function(){
    $('.slider').slick({
      slidesToShow: 4,
      slidesToScroll: 1,
      centerMode: true,   
      initialSlide : 4,
      infinite: true,
      prevArrow : $('.prev'),
      nextArrow : $('.next')});
    $(".slider").css("opacity", 1);
  }, 2000);
});

您可以看到它在jsFiddle上运行。

现在，当我尝试在初始幻灯片的代码中添加一个变量时，初始幻灯片没问题，但是当我单击“下一步”时，我的幻灯片消失或无法正常工作...
尝试例如拇指 7...

这是我的代码：

$(".thumb").click(function(){
  var initialslide = $(this).attr("data-number");
  $(".slider").show();
  setTimeout(function(){
    $('.slider').slick({
      slidesToShow: 4,
      slidesToScroll: 1,
      centerMode: true,   
      initialSlide : initialslide,
      infinite: true,
      prevArrow : $('.prev'),
      nextArrow : $('.next')});
    $(".slider").css("opacity", 1);
  }, 200);
});

请参阅此jsFiddle以查看其实际效果：如果在幻灯片显示后单击“下一步”，您将看到问题。

我不知道我做错了什么，有人可以帮助我吗？

谢谢

是否有一个网站列出了所有公开的JQuery插件？

另外,这些插件通常是开源还是有些人会向你收取下载费用？

我的jQuery脚本有一个故障动画div位置.当我在页面加载时单击链接时,似乎会发生错误.

我正在为jQuery创建一个表单验证插件,并希望它在成功验证表单后调用一个函数.该插件将具有默认的回调函数,但我想通过options参数修改它.不幸的是我拥有(下面)不起作用.有任何想法吗？

(function($){
    $.fn.extend({
        validify : function(options) {
            var defaults = {
                callback: "callbackFunc",
            };

            var options = $.extend(defaults,options);

            return this.each(function(){
                //validation code here
                //if valid call the function
                if(errors==0){
                    options.callback;
                }


            function callBackFunc(){
                // the default callback function
            }

            ...

我的网站上需要一个圆角.我对jQuery和JavaScript一般都缺乏经验; 加载和调用此插件的正确方法是什么？