草庐IT

WORDPRESS

全部标签

javascript - 如何让 Webpack、Wordpress 和 BrowserSync 协同工作?

我已经用了大约一个星期了,但我还没能让这三者一起工作。如果有人能帮助我解决这个问题,我将永远感激不已,我已经浪费了很多时间。问题:如果我代理myserver.dev热重载404s。更改publicPath没有任何作用。我将url附加到webpack-hot-middleware/client,它修复了路径,但hmr文件最终在控制台中出现“GET”错误,没有任何信息。如果我保留HTML并忽略任何php/MAMP,热重载工作正常。总的来说,我真的很困惑,我可能错过了一个简单的概念。我正在努力实现的目标:-WordPress的RESTAPI-对View和用户界面使用react-用于本地主机和

javascript - 如何使用 wordpress 在点击时播放 GIF(如 9GaG.com)?

我需要在wordpress站点中实现这个“gif播放器”,因为gif页面高达6mb,所以性能非常糟糕我读过这个OnclickplayGIFimagewithjQueryandstartfrombeginning还有这个HowtoplayanimatedGIFfromthebeginningonclickfunction这几乎是一个解决方案,但我不知道如何在每个条目中使用wordpress完成此操作9gag.com做得很完美;显示预览图像,重现gifonclick,并在再次单击时停止gif。如果再次单击,则再次从头开始播放gif我如何使用wordpress完成此操作?

javascript - prototype 和jQuery 和平共处?

我对JavaScript知之甚少,但尽管如此,我还是试图在我的wordpress博客上拼凑一些东西。它不起作用,我不知道如何解决它,嘿,这就是StackOverflow的用途,对吧?首先,错误信息是:Error:element.dispatchEventisnotafunctionSourceFile:http://.../wp-includes/js/prototype.js?ver=1.6Line:3936它发生在页面加载时。我的页面加载处理程序是这样注册的:Event.observe(window,'load',show_dates_as_local_time);如果我禁用其他一

javascript - 了解 WordPress Customizer JS API

我一直在努力自学,使用WordPress定制器的JSAPI动态创建新的面板部分和控件。这一直令人沮丧,我无法通过JSAPI获得实现此目的的确切方法。到目前为止,这是我正在做的一些事情,但没有成功://forSettingsapi.create(params.id,params.id,params.default,params.args);//forcontrolsvarcontrolConstructor=api.controlConstructor[controlparams.type];varcontrol=newcontrolConstructor(controlparams.i

javascript - Zurb Foundation 顶部栏根本不工作

我在尝试让Zurb的FoundationTopbar在移动屏幕上工作时遇到了麻烦。我正在将屏幕宽度设置为最小的情况下在chrome上进行测试。所有CSS和JS都已加载,菜单看起来很好,直到您点击但什么也没有。注意:我使用的是WordPress。这是我的代码:ID,'_seo_title',true));?>ID,'_seo_description',true))?>">/css/foundation-5.2.2/css/normalize.css"type="text/css"media="screen"/>/css/foundation-5.2.2/css/foundation.mi

javascript - 为什么我的 ajax 请求得到响应 0?

我已经在我的wp主题中设置了基本的wordpressajax示例。触发器由检查页面上的媒体查询的modernizr.js生成。jQuery(document).ready(function($){if(Modernizr.mq('onlyalland(max-width:6300px)')){vardata={action:'my_action',whatever:ajax_object.we_value//Wepassphpvaluesdifferently!};//WecanalsopasstheurlvalueseparatelyfromajaxurlforfrontendAJA

javascript - jQuery 未在 Wordpress 中定义,但我的脚本已正确排队

我正在尝试将一个单独的javascript文件mobile-menu.js加载到我的Wordpress主题中。当我查看控制台时,它显示“jQuery未定义”。但是,我知道我已将我的脚本文件正确排队。有任何想法吗?HTML文件:'primary'));?>functions.php文件:functionlapetitefrog_scripts(){wp_enqueue_style('lapetitefrog-style',get_stylesheet_uri());wp_enqueue_script('lapetitefrog-mobile-menu',get_template_dire

javascript - 用于 WP 管理菜单页面的 VueJS SPA 无法正常工作

VueJS项目是由vue-cli使用Webpack模板生成的。当我为生产而构建时,我得到一个static有2个文件夹和1个文件夹的文件夹index.html文件。这2个文件夹是css和js.只有一个css文件。但是有3个javascript文件。一个app.xxxxxxx.js,manifest.xxxxxxxx.js,和vendor.xxxxxxx.js.我已将生产VueJS项目包装在节点服务器和Apache服务器中。对于Node服务器,我使用了ExpressJS:...app.use('/public',express.static(__dirname+'/public'));ap

javascript - 使用 wp 媒体 uploader 上传文件路径未显示在字段中

我在我的插件中使用自定义媒体上传。在我以前的(4.0之前)WordPress版本中,它工作得很好。当我上传音频或图像文件时,它上传成功当我点击“InsertIntoPost”时,上传文件的路径显示在文本字段中。但是当我将我的WordPress升级到4.4.2并上传任何文件时,它会成功上传当我点击“插入帖子”时,上传文件的文件路径未显示在我的文本字段中。在两个WordPress中,代码100%相同。这是我的HTML代码:这是我的Functions.php代码:functionpro_scripts_method(){wp_enqueue_script('media-upload');wp

javascript - JS/jQuery TypeError : jQuery(. ..).datepicker 不是函数

我已经为这件事绞尽脑汁2天了,很确定我只是遗漏了一些简单的东西,但我终究无法弄清楚为什么它不起作用。我正在尝试在我的WordPress网站上使用下面的脚本来禁用ContactForm7表单中日期选择器字段中的特定日期。我可以在jsfiddle中加载脚本,使用相同的id使用简单的输入字段,它工作得很好......但是当我将它添加到我的网站时,日期没有被禁用,并且JS错误控制台中出现错误上面写着“jQuery(...).datepicker不是一个函数”我已将其添加到我的header.php中文件,就在wp_head()下面调用并在之上标签。我已经为我的日期选择器字段分配了IDdpick就