小编Emi*_*nov的帖子

我正在使用Slick.js插件及其Slider Syncing功能.我遇到的问题是,如果我在一个页面上使用多个滑块,通过单击next或prev按钮插件可以对页面上的所有滑块执行操作.我想知道有什么我可以用JQuery来为页面上的每个滑块提供下一个和上一个的工作吗？提前致谢.

HTML

<div class="slider">
    <div>Item 1</div>
    <div>Item 2</div>
    <div>Item 3</div>
</div>                                                            
<div class="slider-nav">                                  
    <div>Item 1</div>
    <div>Item 2</div>
    <div>Item 3</div>
</div>

SLICK RUN SCRIPT

$('.slider').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: false,
    fade: true,
    asNavFor: '.slider-nav'
});
$('.slider-nav').slick({
    slidesToShow: 4,
    slidesToScroll: 1,
    asNavFor: '.slider',
    dots: true,
    arrows: true,
    centerMode: false,
    focusOnSelect: true
});

我正在尝试使用 MomentJS 库查找 2 个日期之间的差异。然而，要求是使用 Unix 时间戳作为日期值。

目前我有以下代码，它返回不准确的值：

var start = 1536873321; // 13 September 2018
var end = 1537228800 ; // 18 September 2018

var diff = moment.unix(end).diff(moment.unix(start), 'days');
console.log(diff); //4 (expected 5, or 6 if last day is included)

有没有解决方案，或者更建议使用纯 JavaScript 以获得更精确的结果？

如果需要请查看小提琴。

我有一个桌子,里面有另一张桌子,我需要设置主表的样式,但保留内部表格.我尝试了CSS中的>选择器,但是在主表内部样式化时继承了main的所有内容.

HTML

<table id="main-table">
    <tbody>
        <tr>
           <td colspan="2">header</td>
        </tr>
        <tr>
            <td>
                <table id="inner-table">
                   <tbody>
                      <tr>
                          <td >data</td>
                      </tr>
                   </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>

CSS

#main-table > tbody tr td{
    position: relative;
    width: 300px;
    height: 50px;
    font-size: 15px;
    background: #E6F4FF;
    color: #035B9C;
    padding: 10px;
    box-sizing: border-box;
    height: 60px;
    border: 1px solid #E6F4FF;
}

我已经将Google ReCaptcha(ng-recaptcha)组件安装到我的应用程序中,并且想知道是否有办法将一些样式应用于生成的子元素,在我的情况下,<re-captcha></re-captcha>元素.

例如:

re-captcha{
    border: 1px solid #ccc; /*works*/
}

re-captcha div{
    border: 1px solid #ccc; /*doesn't work*/
} 

您能否分享一些实现预期结果的经验？

更新:

但是,如果直接在DevTools中设置,则以下工作正常...

re-captcha div{
    border: 1px solid #ccc; 
} 

我正在使用设置为显示的块来构建网页布局:table-cell.一切都工作正常,但我不能连续翻转单元格(改变他们的顺序)并想知道是否有这样的可能性或一些技巧我可以用来实现这一点.

我需要使用CSS和display来实现这一点:table-cell :)

在此先感谢您的任何建议.

HTML

<div class="dtc">
    <div>Item1</div>
    <div>Item2</div>
</div>

CSS

.dtc{
    display: table;
    width: 100%;
}
.dtc > *{
    display: table-cell;
}

当前表格:

+-------+-------+
| Item1 | Item2 |
+-------+-------+

期望的结果:

+-------+-------+
| Item2 | Item1 |
+-------+-------+

我有一个对象数组，需要将其转换为表格（类似于数据透视）。这么说，我需要获取另一个具有唯一标题的对象数组，其中包含带有值对的嵌套对象数组。您能看一下这个并帮助实现我所需要的吗？请查看下面的原始数组和所需的数组：

原始数组：

[
{title: "Title1", value1: "value1", value2: "value2"},
{title: "Title2", value1: "value1", value2: "value2"},
{title: "Title1", value1: "value1", value2: "value2"},
{title: "Title3", value1: "value1", value2: "value2"},
{title: "Title2", value1: "value1", value2: "value2"},
{title: "Title1", value1: "value1", value2: "value2"},
{title: "Title3", value1: "value1", value2: "value2"},
{title: "Title1", value1: "value1", value2: "value2"},
]

期望的结果：

[
{title: "Title1", values: [{value1: "value1"}, {value2: "value2"}]},
{title: "Title2", values: [{value1: "value1"}, {value2: "value2"}]},
{title: "Title3", values: [{value1: "value1"}, {value2: "value2"}]},
]

感谢您提前提供任何建议。

我正在编写一个函数,我想从所有元素中删除一个活动类,并将其添加到刚刚单击的那个元素中.问题是,当我点击元素时,所有元素都会获得活动类.请参阅下面的代码.

var pagination = $('.pagination div');

function pager() {
    pagination.removeClass('active', function(){
        $(this).addClass('active');
    });
}

$('.pagination div').on("click", function (){
    pager();
});

我可以使用下面的代码,它实际上有效,但我想使用上面的代码的原因是有可能在其中添加其他功能,稍后将在点击时调用.

$('.pagination div').on('click',function(){
  $('.pagination div').removeClass('active');
  $(this).addClass('active');
});

HTML,如果需要

<div class="pagination">
    <div class="pagination1"></div>
    <div class="pagination2"></div>
    <div class="pagination3"></div>
    <div class="pagination4"></div>
</div>

使用下面的方法我试图用数据填充现有的表,但该函数用相同的值填充它.我可以执行这样的操作添加append方法,但在我的情况下,表应该已经存在:)

HTML

<table class="table">
        <tr><td></td></tr>
        <tr><td></td></tr>
        <tr><td></td></tr>
</table>

JQuery的

$.each(data, function(i, value){
    $(".table td").text(value.product);
}); 

var data= [
{"product":"RD0"},
{"product":"RD1-184"},
{"product":"RD1-185"}
]