我使用jQuery slick插件（http://kenwheeler.github.io/slick/）创建了一个轮播。我想使用“幻灯片”设置来指定轮播中使用的元素。此设置的说明是：
类型：元素
默认值：''
元素查询用作幻灯片
我对此设置的理解是，如果我指定“ div”，则轮播中只会显示div元素。我无法使它正常工作。创建轮播时，将显示容器中的所有元素。
我创建了一个简单的示例：
<div class="slickContainer">
<div class="slickItem">
Item 1
</div>
<div class="slickItem">
Item 2
</div>
<p>
Shouldn't be an item.
</p>
</div>
$(".slickContainer").slick({
slide: 'div'
});
我也尝试过“幻灯片：$（'。slickItem'）”，但这也不起作用。
https://jsfiddle.net/Lobfdodo/
在“结果”面板中，如果单击左/右箭头，您将在轮播中看到所有三个元素（div和p）。我只希望将div元素拉入轮播。
有什么建议么？
我有一个用于上传图像的表格。输入（类型文件）具有必填属性，因此在选择文件之前选择提交会导致验证错误。当将iPhone与ios 11一起使用时（我已经对chrome，firefox和safari进行了测试），如果您首先选择“提交”以接收验证错误（在iPhone ios 11上为“选择文件”），然后选择“仍然显示“选择文件”时，选择“文件”（这意味着要重现该问题，您不能先选择屏幕上的其他位置来消除“选择文件”验证错误），弹出式窗口允许您选择文件不出现。从现在开始，即使刷新页面，“选择文件”也不会做任何事情。关闭浏览器（通过双击主屏幕按钮并在浏览器上向上滑动），然后重新打开浏览器将使输入再次起作用（直到您按照上述说明重现问题）。我发现，如果在下面的代码中删除具有content属性的meta标签，则不会发生此问题。
这是代码（仅是基本形式）。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title></title>
</head>
<body>
<form enctype="multipart/form-data">
<input required type="file" />
<input type="submit" value="Add File" />
</form>
</body>
</html>
为什么会这样呢？
我想将网络表单转换为离线工作。最初，我会在用户完成每个步骤后将表单信息存储在 Web 服务器上的 SQL 数据库中。其中一个步骤包括上传图像，为此我实现了一个进度条。
添加服务工作者后，我注意到进度条不再起作用（进度条会显示，但永远不会更新以显示已上传的文件量）。我在多个浏览器中进行了测试，以确保这不依赖于浏览器，并且在所有浏览器（chrome、firefox、edge、safari、移动版本）中都有相同的结果。
这是我的 ajax 请求的第一部分。
$.ajax({
type: "POST",
url: url,
datatype: "json",
data: JSON.stringify(data),
xhr: function () {
var xhr = new window.XMLHttpRequest();
xhr.upload.addEventListener("progress", function (evt) {
if (evt.lengthComputable) {
var percentComplete = getCurrentProgress(evt.loaded, evt.total);
$("#progressBarContainer .progress > .progress-bar").css({ "width": percentComplete + "%" });
$("#progressBarContainer .progress > .progress-bar .percent-complete").text(percentComplete + "%");
}
}, false);
return xhr;
}
})
这是我的服务工作人员文件中用于处理获取事件的代码。
self.addEventListener("fetch", event => {
event.respondWith(
caches.open(staticCacheName)
.then(cache => {
return cache.match(event.request)
.then(response => {
if (response) { …