小编Din*_*yte的帖子

React-multi-carousel 未渲染

我正在从州政府获取数据。现在我想使用react-multi-carousel制作一个轮播滑块

我正在尝试为具有来自 API 的数据的新闻卡组件实现https://www.npmjs.com/package/react-multi-carousel 。到目前为止我的代码如下,但是轮播似乎没有实现?

子组件

import Carousel from 'react-multi-carousel';
import 'react-multi-carousel/lib/styles.css'
Run Code Online (Sandbox Code Playgroud)
    const responsive = {
        superLargeDesktop: {
          breakpoint: { max: 4000, min: 3000 },
          items: 5
        },
        desktop: {
          breakpoint: { max: 3000, min: 1024 },
          items: 3
        },
        tablet: {
          breakpoint: { max: 1024, min: 464 },
          items: 2
        },
        mobile: {
          breakpoint: { max: 464, min: 0 },
          items: 1
        }
    };
    const size = 15;
    const Itemlist = props.data.slice(0, size).map((item,id) => {
        return(
            <div …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-multi-carousel

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

重新加载后 DIV 中的事件不起作用

当用户单击时,我有下面的代码对表列“创建日期”进行排序。
请注意,“ IntNote_CreatedDate”是表 TH 标签的 ID。

    var f_CreatedDate = 1;
    $("#IntNote_CreatedDate").on("click", function()
    {
        //alert("Hey");
        f_CreatedDate *= -1;
        var n = $(this).prevAll().length;
        sortTable("#tblIntNotes", f_CreatedDate, n); // call the sortTable function.... working fine
    });
Run Code Online (Sandbox Code Playgroud)

这工作正常。现在我有一个弹出窗口,可以使用下面的代码添加注释,它添加注释,然后刷新注释的父 DIV 容器。这也很好用。

$(document).ready(function() {
    updateParentDIV = function() {
        var url = opener.location.href + " #refreshNotes"
        //alert("url: " + url)

        // This method works for both IE and FireFox
        window.opener.$("div#divNotes").load(
            url, function(){
            window.close();
        });
    };
});
Run Code Online (Sandbox Code Playgroud)

问题是刷新父 DIV 后,事件“ $("#IntNote_CreatedDate").on("click", function()”不再识别或不再起作用。不知何故,它不再执行,没有错误。

请告知如何刷新父窗口 DIV 并仍然保留事件“ $("#IntNote_CreatedDate").on("click", function() …

jquery

0
推荐指数
1
解决办法
2760
查看次数