我正在从州政府获取数据。现在我想使用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) 当用户单击时,我有下面的代码对表列“创建日期”进行排序。
请注意,“ 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() …