小编use*_*977的帖子

Slick Slider - 如何在单击时删除特定幻灯片

我正在尝试向光滑滑块添加功能,当您单击幻灯片时,它会将其从滑块中删除。

我查看了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 网站抓取的代码片段仅删除了滑块中的最后一张幻灯片。所以我想弄清楚如何在点击时删除特定的幻灯片。

图像

javascript jquery slider slick.js

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

在Vue中使用Axios将查询参数传递到URL的最佳方法?

我想要完成的是页面首次加载时,我将使用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对象。

在我走这条路之前,只是想寻找一些反馈,看看是否有更好的方法?

javascript json vue.js axios

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

在 WordPress REST API 中按菜单顺序排序?

我正在尝试使用 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 中订购帖子?

sorting wordpress wordpress-rest-api

6
推荐指数
1
解决办法
4823
查看次数

如何使用 Babel Polyfill 实现 Promise?

您好,我刚开始使用 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)

es6-promise babeljs axios babel-polyfill

5
推荐指数
0
解决办法
8812
查看次数