Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用外部jQuery/jQueryUI js&;css文件不工作_Jquery_Wordpress_Jquery Ui - Fatal编程技术网

使用外部jQuery/jQueryUI js&;css文件不工作

使用外部jQuery/jQueryUI js&;css文件不工作,jquery,wordpress,jquery-ui,Jquery,Wordpress,Jquery Ui,我试图导入jQuery和jQueryUI库的官方Wordpress版本,以模拟Wordpress的工作安装 我只想对滑块做一些简单的调整,因为当我使用JSFIDLE提供的框架时,它们的版本比Wordpress的4.8版要新。最重要的是,当涉及到更新滑块的范围宽度时,它的行为似乎有所不同,JSFIDLE支持较新版本的jQuery。因此,我试图模拟实际的Wordpress安装,但它似乎没有显示任何东西 我尝试过将JS设置从“onLoad”更改为“No wrap-in-head”,类似于Wordpre

我试图导入jQuery和jQueryUI库的官方Wordpress版本,以模拟Wordpress的工作安装

我只想对滑块做一些简单的调整,因为当我使用JSFIDLE提供的框架时,它们的版本比Wordpress的4.8版要新。最重要的是,当涉及到更新滑块的范围宽度时,它的行为似乎有所不同,JSFIDLE支持较新版本的jQuery。因此,我试图模拟实际的Wordpress安装,但它似乎没有显示任何东西

我尝试过将JS设置从“onLoad”更改为“No wrap-in-head”,类似于Wordpress处理它的方式,但没有效果

很有可能我错过了一些就在我面前的东西,这不是第一次。Wordpress在对2个js文件进行排队时,甚至不可能以b/c的方式组合它们(即,您只需要对jQuery进行排队即可访问UI功能),等等。但我对此不确定,因此为了验证这一理论,我创建了一个单独的小提琴,它不使用Wordpress的任何外部资源,只使用Google提供的资源

这里有两个小提琴,第一个是使用Wordpress资源,第二个是谷歌

  • $('.ae滑块')。滑块({
    范围:“分钟”,
    民:1,,
    最高:100,
    步骤:1,
    动画:假,
    幻灯片:函数(事件,ui){};
    
    $('#progress').html($('.ae slider').slider('value'))
    无换行符头
    表示脚本插入头中,没有任何DOM就绪的处理程序。您必须将DOM就绪的处理程序添加到脚本中,或者使用JSFIDLE中的其他选项之一,在脚本中的元素可用后加载脚本DOM@adeneo正确。但是,在您的示例中,似乎您正在使用JSFiddle的jQuery框架,而不是我附加的外部资源。我知道它可以与提供的框架一起工作,但我正在尝试使它与我在示例中输入的外部资源一起工作。我使用了您的fiddle并将我的资源放回,并使用了您提到的document.ready函数。下面是更新的fiddle:如您所能n看,它仍然不起作用。这些UI脚本存在依赖关系,例如,所有这些脚本都需要UI.core脚本,而滑块可能需要UI、小部件,甚至更多。