Questions tagged «jquery»

jQuery是一个快速简洁的JavaScript库，它简化了HTML文档的遍历，事件处理，动画和Ajax交互，以实现快速的Web开发。jQuery包含在WordPress中，主题和插件开发人员均可使用。

5
验证自定义元框值和必填字段
我从未见过的东西是验证特定表格字段是否正确填写自定义帖子类型元框的最佳方法。 我正在寻求有关如何最好地验证可能创建的任何metabox的自定义字段的专家意见。我的兴趣是： 确保在发布/更新帖子之前进行字段验证 利用与其他wordpress javascript不冲突的类/代码 允许您根据需要定义特定字段，而其他字段则可选 根据可自定义的规则（包括正则表达式）验证字段，例如电子邮件格式 控制任何错误/通知的视觉显示 提前致谢！
3
如何使用WordPress链接外部jQuery / Javascript文件
因此，我使用Starkers作为下一个WP主题的基础，并且遇到了一个小问题，我在header.php文件中包含了自己的jQuery版本，但是在使用Firebug检查我的网站时，我发现jquery被下载了两次，做了一些挖掘，发现不仅我包括了文件，而且wp_head()函数也包括在内。 在尝试解决该问题时，我注意到头文件中有一条注释，该注释源自“二十十”主题： /* Always have wp_head() just before the closing </head> * tag of your theme, or you will break many plugins, which * generally use this hook to add elements to <head>, such * as styles, scripts, and meta tags */ 所以这是我的问题，我的印象是，必须在要使用它的任何其他文件之前设置jQuery文件，这wp_head()应该是<head>元素中的最后一件事，我现在有点困惑，因为我想知道我放在wp_head()顶部，因此WP包含的jQuery文件将用于我的所有插件，即使它说不这样做也是如此。 我确实在wp_head()函数中注释掉了jQuery行，但是它是管理页面所必需的，因此我不得不将其放回去。 我还想使用（至少是实验）来使用jQuery的Google CDN版本，但是不想两次包含它！ 希望您理解我要解释的内容，关于如何解决此问题的任何建议将不胜感激。对于您如何使用头文件处理JavaScript文件的任何建议，我也将不胜感激。 谢谢！
2
将对象/ JSON传递给wp_localize_script
我有一个包含对象文字的javascript工作片段。但是我需要对其进行本地化，并且我正尝试找出如何重写它，以便可以获取wp_localize_script（）以接受它，并输出正确的格式。 非本地化（非动态）版本如下所示： var layoyt_config = { 'header' : 1 , 'footer' : 1 , 'ls' : {'sb1':1} , 'rs' : {'sb1':1,'sb2':1} , 'align' : 'center' }; 现在，要让php生成这些值（基于某些wp_settings），我想使用wp_localize_script，因此可以从那里获取： var layoyt_config = my_localized_data.layoyt_config; 为了使数据进入该对象属性，我“想”可以做到这一点，但是显然不能： $data = array( 'layout_config' => { 'header' : 1 , 'footer' : 1 , 'ls' : {'sb1': 1} …
1
如何在Wordpress中管理Ajax调用和JSON
我有一个想要通过jQuery访问的自定义帖子类型-最好使用JSON。 所以第一件事。创建一个返回/ echos json的函数很容易，但是我将如何通过jquery访问它。 正如Mike在此问题中所写，据我所知，他将其放在wordpress根目录中。这将使它可以使用php文件名进行访问-但这是否值得推荐？我宁愿将其放在插件文件夹中。 我已经尝试阅读wordpress Codex，但是处理ajax调用的方式使我感到困惑，因为您将每个ajax调用都发布到admin-ajax.php，即使它不是管理员页面也是如此？ 有人可以理清我遇到的问题吗？ /风暴 编辑 我遇到的问题是了解如何在wordpress中进行ajax调用，以及将php和js代码放在哪里进行/处理调用。 在我链接到的另一个问题中，您创建了一个将文件放在wp根目录中的函数-我不想这样做。但是我现在已经学会了如何使用wp_ajax_（nopriv _）[action]并可以有效地访问我创建的json。剩下的问题是我应该放置JS进行呼叫的位置。我想将其放置在插件js文件中，但是由于要在页面中而不是在管理站点上显示，所以未定义ajaxurl，因此我必须使用php进行回应。 echo admin_url('admin-ajax.php'); 因此，问题就变成了我该如何将该php与javascript结合起来，然后又应该将其排入队列，因为它不是文件或脚本。
13 jquery  ajax 
1
使用jQuery删除wp_options中存储的数据
我想知道是否有人可以进一步建议我解决我的问题。我的插件的一部分存储日志文件用于调试目的。我已经使用jquery和wp_localise_script在管理页面的（div＃log）中成功显示了它们。我有一个删除这些日志的按钮，但不确定如何处理。我觉得ajax在这里可能会派上用场，但不确定从哪里开始。 这是我的代码的相关部分： admin_enqueue_scripts（操作） $args = array(get_option('wow_tweets_log'));//log files fetched from wp_options table wp_enqueue_script('wow_tweet');//registered earlier on with jQuery dependency wp_localize_script('wow_tweet', 'wow_vars', $args); 管理员页面 <tr><th scope="row"><strong>Debugging</strong></th><td> <div id="debug" class="button-primary">Debug</div><!--debug button shows logs--> <div id="hide_debug" class="button-secondary">Hide</div><!--debug button hides logs--> <div id="clear_log" class="button-secondary">Empty Log</div><!--Press to delete logs--> </td></tr> <tr><th scope="row"></th><td><div id="log"><!--Logs show here--></div></td></tr> Java脚本 jQuery(document).ready(function() …
10 jquery  ajax  actions  options 
3
在Wordpress 3.5上的自己的插件中显示媒体上传器
我在新的WordPress 3.5中使用Media Uploader没什么问题。我创建了自己的插件来上传图片。我正在使用此代码JS： <script type="text/javascript"> var file_frame; jQuery('.button-secondary').live('click', function( event ){ event.preventDefault(); if ( file_frame ) { file_frame.open(); return; } file_frame = wp.media.frames.file_frame = wp.media( { title: 'Select File', button: { text: jQuery( this ).data( 'uploader_button_text' ) }, multiple: false } ); file_frame.on('select', function() { attachment = file_frame.state().get('selection').first().toJSON(); jQuery('#IMGsrc').val(attachment.url); }); …
10 jquery  media 
1
如何在jquery之后加载脚本？
function load_my_script(){ wp_register_script( 'my_script', get_template_directory_uri() . '/js/myscript.js', 'jquery' ); wp_enqueue_script( 'my_script', 'jquery'); } add_action('wp_enqueue_scripts', 'load_my_script'); myscript.js在jquery之前加载，为什么？以及如何使它加载后jquery？ 谢谢。
4
如何在functions.php中正确添加Javascript
我想删除一些在WooCommerce中购物车按钮上标准的难看的箭头。为此，我发现了添加以下代码的技巧，该代码应在文档加载后删除箭头。 我以为我要把它放在我的functions.php中？我到底要怎么做？ $(document).ready(function() { $(".woocommerce-cart").html(function(i, val) { return val.replace(" →", ""); }); $(".woocommerce-cart").html(function(i, val) { return val.replace("← ", ""); }); }); 编辑 好的。我已经尝试过这种方法： 制作一个名为“ removeArrows.js”的文件，并将其放在我的插件文件夹中。它具有与原始代码相同的内容，但jQuery代替$。然后我将以下内容添加到functions.php中： function wpb_adding_scripts() { wp_register_script('my_amazing_script', plugins_url('removeArrows.js', FILE), array('jquery'),'1.1', true); wp_enqueue_script('my_amazing_script'); } add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' ); 我不知道如何使代码正确显示。这没有用。有什么建议可以使这项工作吗？ jQuery代码段源
2
jQuery默认包含在WordPress中吗？
当我下载最新版本3.8.1时，里面wp-include/js有一个jQuery文件夹。 我是否可以假定WordPress将始终包含它，这意味着我不必自己打个电话？例如 wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js', array(), null, false); wp_enqueue_script('jquery');
10 jquery 
2
Ajax在未登录时停止工作？
有一个自动完成字段已经工作了几个月，但是在未登录时已经停止工作了吗？不确定何时，但在最近几天或一周内（最近未更新wordpress）。 已经有; add_action（'wp_ajax_filter_schools'，'filter_schools'）; add_action（'wp_ajax_nopriv_filter_schools'，'filter_schools'）; 在functions.php中，任何地方都没有错误。 未登录时得到的响应是 从safari中获取... *请求网址：http：//www.payingforit.org.uk/wp-admin/admin-ajax.php？term = holywe＆action = filter_schools＆postType = school请求方法：GET状态码：302找到* 任何帮助欢迎！直流电 jQuery代码 $( "#userSelectedSchool" ).bind( "keydown", function( event ) { if ( event.keyCode === $.ui.keyCode.TAB && $( this ).data( "autocomplete" ).menu.active ) { event.preventDefault(); } }).autocomplete({ source: function( request, response ) { $.getJSON( "/wp-admin/admin-ajax.php", { term: …
9 jquery  ajax 
2
CSS没有为jQuery UI对话框引入
我想将jQuery对话框模式添加到表单页面。触发对话框后，我看到了文本内容，但没有CSS。我在页面的functions.php中引入了jQuery： wp_enqueue_script('jquery-ui-dialog'); jQuery CSS（jquery-ui-dialog.css）在我的wp-includes / css目录下。我尝试添加 wp_enqueue_style('jquery-ui-dialog'); 但它不起作用。有谁知道启用jQuery对话框的正确方法。
9 jquery 
3
如何在插件中使用jQuery UI
当我用Google搜索某事​​，却什么也没有返回时，这真是令人难过的一天。我正在尝试使用默认的datepicker（或此时的任何datepicker），但由于我对Wordpress / PHP缺乏了解而无法使用。在我的插件中，我尝试注册jquery和ui，并且显然在此过程中破坏了WordPress的其他部分。有人可以告诉我我做错了什么，如果他们可以提供可行的解决方案，我将废弃所有代码： add_action('init', 'add_styles'); function add_styles(){ wp_deregister_style('simpleschoolstyles'); wp_register_style('simpleschoolstyles', SSM_STYLEFILE); wp_deregister_script( 'jquery' ); wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'); wp_deregister_script( 'jquery-ui' ); wp_register_script('jquery-ui', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js'); wp_deregister_style( 'jquery-ui' ); wp_register_style( 'jquery-ui', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/pepper-grinder/jquery-ui.min.css' ); wp_deregister_script('maskedinput'); wp_register_script('maskedinput', SSM_PLUGIN_URL . '/includes/js/jquery.maskedinput.min.js'); wp_deregister_script('simpleschool'); wp_register_script('simpleschool', SSM_PLUGIN_URL . '/includes/js/simpleschool.js'); } add_action('wp_enqueue_scripts', 'load_scripts'); add_action('admin_enqueue_scripts', 'load_scripts'); function load_scripts() { wp_enqueue_style('jquery-ui'); wp_enqueue_style('simpleschoolstyles'); wp_enqueue_script('jquery'); wp_enqueue_script('jquery-ui'); …
1
连接并最小化排队的JavaScript文件的依赖性
我正在使用JavaScript文件加载wp_enqueue_script到主题中。但是，与此同时，我也正在加载几个jQuery文件，以及排队脚本的依赖关系（该脚本已经由Grunt连接并缩小了）。这是我的代码： add_action('wp_enqueue_scripts', function() { wp_enqueue_script( 'customscripts', get_template_directory_uri() . '/assets/js/main.min.js', array('jquery', 'jquery-form', 'json2', 'jquery-ui-autocomplete'), NULL, true ); }); 对于依赖项数组，我将如何串联和最小化那些jQuery依赖项？我试图让我的网站尽快加载，并且加载的JS文件越少越好。另外，如果有可能使它们异步加载（使用标记的async属性<script>），那将是王牌。 我宁愿不使用插件也要这样做，但如有必要，我将使用插件。 谢谢你的帮助 ：）
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.