最近工作中用到了jQuery UI中排序和拖拽功能,花了大概一天的时间,搞清楚了大概的参数配置,以及遇到的一些问题,总结如下。..."ui-state-highlight", // 排序过程中占位符的class样式设置 forcePlaceholderSize: true, // 强迫占位符有一个尺寸大小。...// connectToSortable: "#subs-box", // 允许draggable被拖拽到指定的sortables中。...selector = '.ptype-'+me.selectedSubType; $(selector).droppable("destroy"); }, 参考链接 https://www.html.cn/jquery-ui-api.../sortable/ https://www.html.cn/jquery-ui-api/draggable/ https://www.html.cn/jquery-ui-api/droppable
今天在写个小程序,需要判断指定用户的角色是不是网站管理员,如知道用户的id是123,想要知道他是不是管理员。...判断指定id的用户是不是管理员 该需求实现起来非常简单,几行代码搞定,分享一下: function ludou_is_administrator($user_id) { $user = get_userdata...0; // 非管理员 } 判断当前登录用户是不是管理员 如果是判断当前登录用户是不是管理员,可以使用下面的函数: function ludou_is_administrator() { // wp_get_current_user...函数仅限在主题的functions.php中使用 $currentUser = wp_get_current_user(); if(!...else return 0; // 非管理员 } -- 完 --
WordPress 中的jQuery 库问题曾经困扰了我一段时间。...如果仅仅加载WordPress 自带的jQuery 库,在使用一些jQuery 插件的时候明明是代码没有错误,但就是不起作用,该有的效果不能实现;但加载了原版的jQuery 库却又可以了,这样一来却同时加载了两个...如何解决这个问题,网络上有以下解决方案: 方案一:将相关js代码中的$ 手动改为 jQuery。...WordPress 自带的jQuery 库。...接下来就是改用官方或者第三方的jQuery 库,请直接参考: 《为你的WordPress 选择最佳的第三方jQuery 库》 我的话是两个都用上。
一脸懵逼的以为是主题用户系统造成的,问了主题作者后提醒我查看一下当前管理员邮箱,才猛然发现 WordPress 后台——设置——常规里显示的管理员邮箱竟然是以前的邮箱,我明明在数据库里修改了管理员邮箱了呀...好在主题作者龙笑天下提醒, WordPress 几次的版本更新加强了修改 WordPress 管理员邮箱的复杂度,单独的修改数据库是无法真正彻底的修改成功的,目前最快捷的办法是借助一个叫Change Admin...考虑到安全因素,建议大家在 WordPress 后台的插件库里在线搜索安装Change Admin Email插件,启用后进入设置——常规里可以看到在管理员邮箱框下面有一个“Test Email”按钮,...要强调的是网上不少早期相关文章里通过直接在 phpMyAdmin 修改数据库 wp_option 表和 wp_users 表字段的方法经明月实测是无效的, WordPress 会自动恢复修正为旧的管理员邮箱地址...,这估计就是 WordPress 增加了修改管理员邮箱地址复杂度的地方,毕竟这样确实提升了安全性,因为很多新手站长们习惯数据库用 root 用户密码连接本来就是个很大的安全隐患,加上 wp-config.php
在开发WordPress 主题或者WordPress 插件时候,常常要通过wp_enqueue_script这个钩子挂载WordPress 自带的 jQuery库而非是通过硬编码的方式来加载,毕竟是为了避免多次加载...但在实际操作中,常常会有各种各样的问题出现。...因为WordPress 自带的 jQuery库会在最后添加jQuery.noConflict()以保证与其他js 库的兼容,因此那些通过 $ 代替jQuery的缩写代码会失效。...详见《WordPress中的jQuery库不起作用的相关问题》。再者,为了速度上的考虑,加载一个80kb+的jQuery 库最好是通过第三方来(如google的、SAE的)——特别是主机不给力的网站。...上面代码中的是Jeff 放在七牛云存储上面的,速度上几乎是最快的,你可以用Jeff的这个地址,也可以用谷歌、新浪SAE、百度的,详见《WordPress新第三方jQuery 库选择(又拍云&百度)》
本文分享的Writeup是关于WordPress的DoS通杀漏洞CVE-2018-6389,该漏洞影响3.x至4.x所有版本的WordPress程序,作者针对该漏洞对目标网站进行了测试验证,从而获得了...CVE-2018-6389介绍 漏洞点位于load-scripts.php处,该文件是为WordPress管理员设计的,允许将多个JavaScript文件加载到一个请求中,但研究人员注意到可以在登录之前调用该函数来允许任何人调用它...c=1&load[]=jquery-ui-core&ver=4.9.1 其中的load-scripts.php文件会从load[]中接收一个参数,其参数值为'jquery-ui-core',其加载请求后...,在返回的响应中我收到了'jQuery UI Core'的JS响应模块。...由于WordPress采用wpscripts列表来存放全部181个脚本文件的路径,目的是让管理员或开发人员可在load[]参数中包含特定脚本的路径,根据用户提供的数值来提升性能。
本文记录了如何将该项目改造成一个包含2个文件对话框、1个文本显示框的窗口程序,2个文件对话框分别用于选择新旧编码对照表.xlsx和mdb文件,文本显示框用于打印必要的信息。...2) 实现了文件选择对话框(选择mdb和excel文件)和文本框(打印信息)。 3)通过添加centralwidget中心布局,实现了窗口的控件大小可变。...开发流程为: Step1: 得到*.ui文件 在Qt Designer中设定好界面,并保存为*.ui文件 Step2: 由*.ui生成*.py文件 在CMD中首先进入到该路径下:Anaconda3\Library...\bin\pyuic5.bat 并找到要处理的.ui文件,执行(以下是我电脑上的处理办法): pyuic5 E:\00_ProgramFiles_LYN\Anaconda3\Library\bin\mdb_code.ui...Ui_MainWindow类中的方法 略 Step4:利用pyinstaller将*.py生成*.exe CMD中切换到要打包的.py目录。
and improved image editing dialog that offers lots of control over the images in your posts -- 一个全新改进的图片编辑对话框...,能够提供对日志中图片进行大部分控制。...Theme previewing as seen on WordPress.com -- 和 WordPress.Com 一样的主题预览功能。...jQuery 1.2.6 with some nice performance improvements -- 升级到 jQuery 1.2.6,使得性能上有很大的提升。...jQuery UI 1.5 Lots of bug fixes and performance improvements -- 最后很多 bug 修正和性能提升。 ----
我们在做wordpress主题时一般会引入jQuery.min.js,比如1.12.4版本,这时想禁掉WordPress自带jQuery.js的加载(不禁掉的话可能会出现新添加的js代码无法正常运行...随ytkah一起来看看吧 在主题文件夹下的function.php中,加入如下代码: //禁止加载WP自带的jquery.js if ( !...ver=3.6.0' id='jquery-core-js'> jquery/jquery-migrate.min.js...ver=3.3.2' id='jquery-migrate-js'> 修改的文件不会因为WordPress的升级而被覆盖,但需要注意的是它会因为主题的升级或更换而失效。...有相同需求的朋友可以试试
上一篇讲到jQuery中的事件,深入学习了加载DOM和事件绑定的相关知识,这篇主要深入讨论jQuery事件中的合成事件、事件冒泡和事件移除等内容。 ...接上篇jQuery:详解jQuery中的事件(一) 3、合成事件 jQuery有两个合成事件——hover()方法和toggle()方法,同ready()方法一样,这些都是jQuery自定义的方法...*这里要注意的一点是,jQuery的hover()方法准确来说是替代jQUery中的bind("mouseenter")和bind("mouseleave"),而不是替代bind("mouseover"...停止事件冒泡:停止事件冒泡可以阻止事件中其他对象的事件处理函数被执行。在jQuery中提供了stopPropagation()方法来停止事件冒泡。...5、移除事件:在绑定事件的过程中,不仅可以为同一个元素绑定多个事件,也可以为多个元素绑定同一个事件。在此就不举例说明了。
一、jQuery中的事件 1、加载DOM: 执行时机:在常规的JavaScript中,通常使用window.onload方法,而在jQuery中,使用的是$(document).ready()方法...要解决这个问题,可以使用jQuery中的另一个关于页面加载的方法——load()方法。load()方法会在元素的onload事件中绑定一个处理函数。...jQuery代码如下: $(window).load(function(){ //code... }) 等价于JavaScript中的以下代码: window.onload = function...,所以即使将上面代码中的window.load赋值两次,也只会执行后面的函数。...,jQuery中bind方法是可以多次调用的,并且可以简化为将上面的第二个bind去掉。
需求 昨天整理了一下Genesis的系列教程的翻译进度,汇总成了一个页面 神级 WordPress 主题框架 Genesis 从入门到精通 。...方法还是有挺多的,很多JavaScript的库都可以实现这个功能,但是因为WordPress里已经自动加载了jQuery了,所以就不想再引入其他库了,而且这个需求也很简单,用jQuery就足够了。...display-posts的查询很强大,支持各种条件 第二步 因为用display-posts显示出来的列表自带了一个css样式,所以可以很容易用jQuery选择器来获取到文章数量: ?.../ 15) *100) + "%" 第三步 数据有了,那么还需要在页面上加一个div区域,可以让jQuery来动态更新区域的内容,很简单,编辑页面,插入一段html <div class="progress...); }; genesis(); 最终效果在这里 神级 WordPress 主题框架 Genesis 从入门到精通 结语 不知不觉都已经翻译一大半了,60%了才想起来做个进度表?
本文使用博客园Markdown编辑器进行编辑 1.问题呈现 项目中使用了jQuery UI的Dialog控件,一般用来处理需要提示用户输入或操作的简单页面。逻辑是修改一个广告的图片和标题。...2.解决办法 通过Google搜索,发现select2作者在github上说明了这个问题: 但是他给出解决的方法,我看不太懂,后面也有人说直接修改jQuery UI类库,但是我们项目中使用的jquery-ui...所以不可能修改jQuery UI的源代码,而已修改源代码,在后期类库升级和维护上,各种坑还是比较多。所以我继续搜索解决版本。在jQuery UI的官网找到了方法。...hot fix代码如下: hot fix:Select2控件在jQuery UI弹出对话中不能搜索 $.widget("ui.dialog", $.ui.dialog, { open:...参考网址: 1.select2在jQuery UI Dialog上的bug 2.jQuery UI allowInteraction方法
本文由 WordPress 中文团队的 Leo 撰写。 WordPress 2.6 发布了。...WordPress 2.6 的主要改进有: 日志版本修订 tumblelog 样式的“快速发布”按钮 通过 Gears 缓存静态文件来加速后台的载入 一个全新改进的图片编辑对话框,能够提供对日志中图片进行大部分控制...键进行多选 升级到 TinyMCE 3.1.0.1 并修正了很多 bug 升级到 jQuery 1.2.6,使得性能上有很大的提升 jQuery UI 1.5 最后很多 bug 修正和性能提升...Bug 提交后,我们会尽量及时更新的,列表中显示的是正在处理的 Bug,已经处理完成的便不会直接显示在列表里,如果想查看只要搜索一下就可以了,我们是不会删除任何 Bug 报告的。...备份你修改过的文件,并上传新版本文件直接覆盖掉旧版本文件; 上传所有新文件; 在浏览器中打开 http://您博客地址/wp-admin/upgrade.php; 升级完成。
Flutter提供了多种对话框组件供开发者使用,以下代码中演示了常见对话框的实现,供大家参考,欢迎大家复制粘贴和吐槽。...import 'package:flutter/material.dart'; // pubspec.yaml 中配置 fluttertoast: ^8.0.7 import 'package:fluttertoast.../fluttertoast.dart'; void main() { runApp(MyApp()); } // 抽离成一个单独的组件 class MyApp extends StatelessWidget..._showAlertDialog() async { var result = await showDialog( // 表示点击灰色背景的时候是否消失弹出框 barrierDismissible...onPressed: _showActionSheetDialog, ) ] ) ); } } 页面渲染效果如下,对话框的效果大家可自行点击查看
除了Protal还有更多的方法去解决这些问题,本文来自David Gilbertson的博客,详细解释了React中模式对话框的一些问题,以及他给出的解决方案,在了解Protals之前阅读这篇内容,能让你更加明白...模式对话框的实现思路 下面的这些图片是常见模式对话框的例子: ? ? ? 这些模式对话框都有一个全局的背景遮罩层、有头部或描述内容、有一些功能按钮、可以随意设定的宽度和高度、位置居中。...在React中有三种方式实现模式对话框: 使用一个常规的组件作为一个模式对话框的包装组件,然后将我们自定义的内容作为子组件传递给模式对话框。...例如:https://github.com/tajo/react-portal 将模式对话框作为整个组件结构中的顶层组件(根元素的子组件),通过全局的数据来控制他显示或隐藏。...方法装载一个组件到body元素中,最终可能会导致虚拟DOM与真实DOM不一致或者服务端渲染遇到问题。
WordPress 3.8出来了,最大的改变就是全新扁平化后台UI。如果你对这个后台UI 不怎么感冒甚至有些反感(尼玛怎么那么丑啊?!)...不妨用下面的插件来尽可能地个性化你的WordPress 后台UI。直接在后台插件搜索相关关键词就可以获取对应插件了,have fun! MP6 ? ? MP6 Light ? ?...Modern Admin – Flat WordPress Admin Theme ? ? FLATY wp ? ? CrispAdmin ? ? BluePress ? ?...Rebrand WordPress ? ? Retina Press ? ? Dynamic Admin Theme ? ? Admin Infusion ? ?
一般来说,在html页面底部 (也就是之前)引入JavaScript,如jQuery 和 jQuery插件是个不错的做法。...原因很简单,HTTP / 1.1规范表明浏览器不能并行下载两个以上的组件。 在WordPress模板中加载JavaScript和jQuery的最佳方法是使用wp_enqueue_script。...这样可以更好的控制JavaScript文件的加载时间点和加载位置。下图是我在丘壑博客上添加的用于代码语法高亮的JavaScript,放在子主题的functions.php文件中。...在Wordpress中注册prism.js 速度优化 在下面的代码片段中,我们先把WordPress中默认自带的jQuery库取消注册,然后在页面最后部分加载国内的CDN版本。...使用CDN版本的jQuery可以提升加载速度 ,使用户可以就近取得所需的内容,提高用户访问网站的响应速度。将下面的代码放在子主题的functions.php文件中即可。 ?
,端口可以自行改变 jQuery中的Ajax GET请求和POST请求的异同 相同点: 都是将数据提交到远程服务器 不同点: 1....0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 请求处理中.../lib/jquery/jquery.js"> form { width: 500px; margin.../lib/jquery/jquery.js"> form { width: 500px; margin...-- 本来表单中的数据应该发送到后台进行数据操作,由于还没有学习后端语言,先在前端调用后端的数据进行数据操作 --> <form action="" method="POST" role="form
一、show()方法和hide()方法 这两种方法是jQuery动画的最基本方法。...四、自定义动画方法animate() 在很多情况下,上面的三种方法无法满足用户的各种需求,那么久需要对元素有更多的控制,在jQuery中可以使用animate()方法来自定义动画;其语法结构: animate...PS:callback回调函数适用于jQuery所有的动画效果方法。...八、其他动画方法 除了上面的提到的方法以外,jQuery中还有4个专门用于交互的动画方法。...另外,在动画方法中要考虑其他非动画方法会会插队,例如css()方法,要使非动画方法也按照顺序执行,需要把这些方法写在动画方法的回调函数中或者queue()方法中。