JSFiddle使用外部jQuery / jQueryUI js& css文件无效

时间:2017-07-21 21:09:17

标签: jquery wordpress jquery-ui

我正在尝试导入jQuery&的官方Wordpress版本jQuery UI库,用于模拟正在运行的Wordpress安装。

我只想对滑块进行一些简单的调整,因为当我使用JSFiddle提供的框架时,它们的版本比Wordpress 4.8版本的版本更新。最重要的是,在更新滑块的范围宽度时似乎采取了不同的行动,JSFiddle支持更新版本的jQuery。因此,我试图模拟一个真正的Wordpress安装,但它似乎没有显示任何东西。

我尝试将JS设置从“onLoad”更改为“No wrap-in head”,类似于Wordpress处理它的方式,但无济于事。

我很可能会错过一些正好在我面前的东西,这不是第一次。它可能甚至不可能是Wordpress在排队时组合2个js文件的方式(即你只需要将jQuery排队以便访问UI功能),等等。但我不确定,所以为了测试这个理论,我创建了一个单独的小提琴,它不使用Wordpress的任何外部资源,只使用Google提供的资源。

以下是两个小提琴,第一个是使用Wordpress资源,第二个是Google。

  1. https://jsfiddle.net/u09334y7/15/
  2. $('.ae-slider').slider({
        range: 'min',
        min: 1,
        max: 100,
        step: 1,
        animate: false,
        slide: function (event, ui) {});
        $('#progress').html($('.ae-slider').slider('value'));

    1. https://jsfiddle.net/rdmcr7u6/1/
    2. $('.ae-slider').slider({
          range: 'min',
          min: 1,
          max: 100,
          step: 1,
          animate: false,
          slide: function (event, ui) {});
          $('#progress').html($('.ae-slider').slider('value'));

0 个答案:

没有答案