小编Leo*_*Leo的帖子

在parsleyjs中更改parsley-errors-list的位置

我正在使用parsleyjs.org来验证我的表单.

插件ui.parsley-errors-list 在输入有验证错误时创建.

问题是,.parsley-errors-list正好放在表单元素的"输入,文本区域,无线电等..."之后,如下所示:

在此输入图像描述

<fieldset>
    <p>Checkboxs with a max</p>
    <label class="checkbox parsley-error">
        <input name="checkbox2" type="checkbox" required="" data-parsley-maxcheck="2" data-parsley-multiple="checkbox2" data-parsley-id="5492"> <span></span>
        <p>Normal</p>
    </label>
    <ul class="parsley-errors-list filled" id="parsley-id-multiple-checkbox2">
        <li class="parsley-required">This value is required.</li>
    </ul>
    <label class="checkbox">
        <input name="checkbox2" type="checkbox" data-parsley-multiple="checkbox2" data-parsley-id="5492">   <span></span>
        <p>Normal</p>
    </label>
    <label class="checkbox">
        <input name="checkbox2" type="checkbox" data-parsley-multiple="checkbox2" data-parsley-id="5492">   <span></span>
        <p>Normal</p>
    </label>
</fieldset>
Run Code Online (Sandbox Code Playgroud)

相反,.parsley-errors-list需要将其定位为容器中的最后一个子元素<fieldset>.

这可以实现吗?

html javascript jquery parsley.js

10
推荐指数
1
解决办法
1万
查看次数

自动保存更改的最佳方法

我想删除“保存”按钮并自动保存更改。

我知道可以做到的是使用OnChange函数。

考虑到Web应用程序将被很多人使用,对服务器的请求数量很可能在很短的时间内达到压倒性的水平。

自动保存而不压倒/发送太多请求到服务器的最佳方法是什么?

有两种类型的可编辑字段:

1-简单的领域,将有少量的字母/单词。 在此处输入图片说明

2-文本区域,用于大量复制。 在此处输入图片说明

javascript php jquery autosave server

6
推荐指数
2
解决办法
1831
查看次数

继承颜色,然后使其更暗/更亮

我有两个div,一个是.father,另一个是.child - 如下:

<div class="father">
  <p></p>
</div>

<div class="child">
  <p></p>
</div>
Run Code Online (Sandbox Code Playgroud)

正如你所看到的,孩子不在父亲的内心(对不起,如果这看起来像狗,我唯一的例子就是眨眼).我想做什么; 就是当我给.father一个背景颜色时,可以说"背景颜色:#000".我希望孩子继承颜色黑色但是让它更亮/更暗......

我试图做以下事情:

.child {
  background-color: -20%;
}
Run Code Online (Sandbox Code Playgroud)

我不知道这是否是一种真实的方式,我想这是愚蠢的 - 但我需要分享我的所作所为.我也尝试使用CSS透明度,但这将应用于整个div ...如果div里面有文字怎么办?

因此,例如,我将div .child与另一个div包装在一起,并将该div设为黑色背景,然后将透明度应用于div .child - 但这也将对文本应用透明度!

如果我在周围添加了一个如何使该span继承其中div的颜色?并继承其大小.

html javascript css css3

5
推荐指数
1
解决办法
3520
查看次数

在简单的手风琴小部件中切换向上和向下箭头

我已经遵循了一些教程,然后创建了一个简单的手风琴小部件,它可以很好地工作,你可以在这个小提琴中看到

但是,我试图在部分关闭时添加向下箭头,在部分打开时添加上箭头 - 在手风琴中每个标签的头部右端,如下图所示:

在此输入图像描述 这是箭头字体代码:

.icon-arrowUp:before {
   content: "\f077";
}
.icon-arrowDown:before {
   content: "\f078";
}
Run Code Online (Sandbox Code Playgroud)

这是我尝试过的,我默认使用CSS添加向下箭头:

.accordian .accordian-head:before {
        font-family: 'icons';
        content: "\f078";
        float: right;
    }
Run Code Online (Sandbox Code Playgroud)

这很好地添加了箭头,但是现在我希望它在部分打开时用向上的箭头替换那个箭头,我不知道该怎么办!我尝试添加以下CSS并使用JavaScript切换它,但它不起作用:

.accordian .accordian-head .accordian-head-active:before {
        font-family: 'icons';
        content: "\f077";
        background-color: red;
    }


//Accordian
    $('.accordion').each(function () {
        var $accordian = $(this);
        $accordian.find('.accordion-head').on('click', function () {
            $accordian.find('.accordion-body').slideUp();
            if (!$(this).next().is(':visible')) {
                $(this).next().slideDown();
                $(this).addClass('accordian-head-active');
            }
        });
    });
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

5
推荐指数
2
解决办法
2万
查看次数

标签 统计

javascript ×4

html ×3

jquery ×3

css ×2

autosave ×1

css3 ×1

parsley.js ×1

php ×1

server ×1