我正在尝试向光滑滑块添加功能,当您单击幻灯片时,它会将其从滑块中删除。
我查看了Slick Sliders网站上的文档,它显示了如何添加/删除幻灯片,但这仅适用于滑块中的最后一张幻灯片。
我正在尝试使其工作,以便您可以根据单击的幻灯片删除特定的幻灯片。
<div class="slider add-remove slick-initialized slick-slider">
<div aria-live="polite" class="slick-list draggable">
<div class="slick-track" style="opacity: 1; width: 80px; transform: translate3d(0px, 0px, 0px);" role="listbox">
<div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 80px;" tabindex="-1" role="option" aria-describedby="slick-slide100">
<h3>1</h3>
</div>
</div>
</div>
</div>
<a href="javascript:void(0)" class="button js-remove-slide">Remove Slide</a>
Run Code Online (Sandbox Code Playgroud)
$('.js-remove-slide').on('click', function() {
$('.add-remove').slick('slickRemove',slideIndex - 1);
if (slideIndex !== 0){
slideIndex--;
}
});
Run Code Online (Sandbox Code Playgroud)
编辑:我添加了更多代码来显示如何为Slick 滑块设置此设置,以删除滑块中的最后一张幻灯片。
我正在尝试对其进行设置,以便当单击幻灯片上的删除按钮时,该幻灯片将从滑块中删除。我从 Slick Slider 网站抓取的代码片段仅删除了滑块中的最后一张幻灯片。所以我想弄清楚如何在点击时删除特定的幻灯片。
我想要完成的是页面首次加载时,我将使用Axios使用基本URL来拉回JSON对象。然后,我想在单击按钮时将查询参数添加到基本URL。因此,如果单击按钮时基本URL是“ test.com”,则将向URL添加查询参数,并且Axios将再次运行以拉回另一个JSON对象。因此,URL可能类似于“ test.com?posttype=new”。
我目前正在做的是使用基本URL在create run Axios上运行,并在单击按钮时运行再次运行Axios的方法,但这一次它将查询参数添加到URL,因此在Vue中如下所示:
created () {
axios
.get(this.jobsListURL)
.then(response => (this.jobsList = response.data.data))
.catch(error => {
console.log(error)
this.errored = true
})
.finally(() => this.loading = false)
},
methods: {
getJobs: function () {
axios
.get(this.jobsListURL + '?' + this.AxiosParams)
.then(response => (this.jobsList = response.data.data))
.catch(error => {
console.log(error)
this.errored = true
})
.finally(() => this.loading = false)
},
Run Code Online (Sandbox Code Playgroud)
因此,在上面的示例中,jobsListURL是JSON对象的基本URL,而AxiosParams是我要在单击按钮时将参数添加到URL的方法。因此,单击该按钮时,它将运行getJobs方法以使用带有参数的URL重新运行Axios。我不确定这是否是最佳方法,或者是否有更好的方法将查询参数添加到URL并以此方式获取新的JSON对象。
在我走这条路之前,只是想寻找一些反馈,看看是否有更好的方法?
我正在尝试使用 REST API 显示帖子,并且我想根据它们在管理菜单中的位置按菜单顺序显示它们。
我安装了一个插件,允许我将帖子移动到管理员中的任何位置。我知道使用 WordPress 以正常方式查询帖子有一个 orderby: menu_order 选项,它可以完成我正在寻找的操作,但我无法使用 REST API 弄清楚它。
我的 REST API 如下所示:
https://example.com/wp-json/wp/v2/qd_leadership?_embed&per_page=100&orderby=menu_order
Run Code Online (Sandbox Code Playgroud)
所以我已经尝试过了,但这不起作用。它说 menu_order 不是一个选项。我还在这里看到了一个帖子:
按 WordPress (REST) 帖子在管理员中出现的顺序查询它们
那有一个类似的问题。该帖子的唯一答案是没有任何 orderby 参数,并且应该按菜单顺序显示它们,但这对我不起作用。所以我很困惑如何按菜单顺序从 REST API 中订购帖子?
您好,我刚开始使用 Babel 来转换和填充我的代码,以适用于 Edge 和 IE 等旧版浏览器。我目前在为 Promises 填充代码时遇到问题。我检查 Edge,收到的错误是:
创建的钩子出错:“TypeError:对象不支持属性或方法‘最后’
所以问题出在我的 Vue 应用程序中的 finally 方法上。在我的应用程序中,我使用 Axios 从 API 获取数据。
所以我在 CLI 说明下完成了这里的步骤: https: //babeljs.io/setup.html#installation 。我的package.json文件目前看起来像这样:
{
"name": "job-filtering",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "babel src -d lib"
},
"author": "",
"license": "ISC",
"devDependencies": {
"@babel/cli": "^7.2.3",
"@babel/core": "^7.2.2",
"@babel/plugin-transform-regenerator": "^7.0.0",
"@babel/preset-env": "^7.2.3"
},
"dependencies": {
"@babel/polyfill": "^7.2.5"
}
}
Run Code Online (Sandbox Code Playgroud)
我的.babelrc文件如下所示:
{ …Run Code Online (Sandbox Code Playgroud)