Tag: wordpress

使用AJAX加载WordPress搜索结果

我正在尝试使用AJAX在同一页面上加载我的WordPress搜索结果。 但我无法弄清楚如何在页面上显示搜索结果。 我用Google搜索并发现了很多代码,但大多数代码都不适用于我。 我最接近的就是这个。 这是我到目前为止所得到的。 HTML Search: jQuery (阻止搜索转到其他页面并加载AJAX文件) $(function() { $(“#lets_search”).bind(‘submit’,function() { var value = $(‘#str’).val(); $.post(‘wp-content/themes/MyTheme/includes/search-post-results.php’,{value:value}, function(data){ $(“#search_results”).html(data); }); return false; }); }); 搜索后results.php 这就是我被困住的地方。 如果我加载正常loop我会得到500内部服务器错误。 现在我得到了这个: found_posts ); echo get_search_query(); ?> 我想我必须包含WordPress核心文件,所以我可以使用WordPress代码,但echo get_search_query()什么都不做? $_POST[‘value’]; 输出搜索的输入。

WordPress是否在Admin中提供Native Datepicker?

我正在开发一个插件,在管理员中我提供了一个由具有日期的用户填写的字段。 我想知道WP Admin I中是否有可用的原生日期选择器。 我通常会包含一个小的jQuery datepicker脚本来执行它,但如果一个已经可用,我会更喜欢这个明显的原因,如更轻的代码,UI一致性等。这似乎是应该/应该包括但我没有能够在管理员中找到有关jQuery内容(如果有)的文档。

WordPress Nav Bar中的自定义短代码

我只是想在我的wordpress主题菜单栏中添加一个短代码按钮来处理bootstrap modal viewfunction。 我试过’ Shortcodes in Menus的Shortcodes in Menus ‘插件,但它不起作用。 我找不到菜单中短代码的替代插件,所以我安装了“ Bootstrap 3 Shortcodes ”插件,它创建了我想要的按钮和模态视图内容。 但我无法在我的菜单栏中添加短代码。 我努力尝试找到一些关于我的问题的答案。 但不幸的是不能。 这是我的模态短代码由Bootstrap 3 Shortcodes插件生成; [modal text=”Download Now” title=”Veteriner Hekimlere Ulaşmanın En Kolay Yolu” xclass=”btn btn-primary btn-lg”] VetMapp’i cihazınıza göre aşağıdaki platformlardan cep telefonunuza ücretsiz olarak indirebilir ve hemen kullanmaya başlayabilirsiniz. [modal-footer] [button type=”primary” style=”border: solid 1px #18bda3; background-color: […]

jQuery JavaScript没有在WordPress上工作,对无冲突模式语法感到困惑

我试图让这个codepen http://codepen.io/eternalminerals/pen/qdGvMo在我的wordpress页面http://eternalminerals.com/test/上工作 我知道,由于Wordpress处于无冲突模式,我必须将$更改为jQuery,但我这样做并确保脚本也在标题中(使用此JS加法器插件css-javascript-toolbox)但它仍然没有像codepen一样工作。 我测试了没有javascript的codepen,它的行为就像wordpress页面,所以我知道问题必须在javascript中。 StarWars = (function() { /* * Constructor */ function StarWars(args) { // Context wrapper this.el = jQuery(args.el); // Audio to play the opening crawl this.audio = this.el.find(‘audio’).get(0); // Start the animation this.start = this.el.find(‘.start’); // The animation wrapper this.animation = this.el.find(‘.animation’); // Remove animation and shows the start screen this.reset(); // […]

使用ajax(wordpress)将表单从Jquery发送到PHP

我有一个javascript文件序列化并将表单发送到PHP函数: function call_ajax(){ var data2 = jQuery(‘#newIdeaForm’).serialize(); // <— Important jQuery.ajax({ type: 'POST', url: myAjax.ajaxurl, data: ({action : 'savedata',data : data2}), success: function() { alert(data2); } }); }; 问题是我不知道如何在这个PHP函数中接收这个表单: function savedata(){ $my_post = array( ‘post_title’ => ‘data.name’, ‘post_content’ => ‘data.idea’, ‘post_status’ => ‘publish’, ‘post_author’ => $user_id, ); wp_insert_post($my_post); die(); } 表单的某些字段是’name’和’idea’,我知道var data2接收表单序列化但不知道如何将这个表单放入php函数中。 其他问题:在javascript文件的警报事件中,它会警告序列化表单,如何反序列化此表单以仅提醒名称字段?

WordPress,我如何AJAX额外的post

JQUERY UPDATE jQuery(function($){ function fetchBlogPosts(){ $.post( ajaxUrl, {‘action’ : ‘post_blog’, ‘security’ :” }, function(response){ }); } $(‘.load-more’).click(function(){ fetchBlogPosts(); }); }); PHPfunction更新 add_action(‘wp_ajax_post_blog’, ‘blog_post_data_fetch’); add_action(‘wp_ajax_nopriv_post_blog’, ‘blog_post_data_fetch’); function blog_post_data_fetch(){ check_ajax_referer(‘load_more_posts’, ‘security’); ob_clean(); get_template_part( ‘inc/blog’,’posts’ ); wp_die(); } 在阅读了几个AJAX教程后,老实说AJAX与WordPress仍然让我感到困惑:(我坚持使用下面的代码,它确实有效。 但是,我只是想在现有循环中添加其他post而不重复相同的post。 换句话说,初始页面加载下面的循环,然后当我点击“.load-more”按钮时,它应该通过AJAX加载更多post,但是已经显示的现有post抵消它。 这怎么可能呢? 的functions.php add_action(‘wp_ajax_post_blog’, ‘blog_post_data_fetch’); add_action(‘wp_ajax_nopriv_post_blog’, ‘blog_post_data_fetch’); function blog_post_data_fetch(){ get_template_part(‘inc/blog’,’posts’); } 博客post模板 ‘blog’, )); if ( $the_query->have_posts() ) […]

无限滚动pathParse为反向WordPress评论

我正在使用jQuery Infinite Scroll插件 – https://github.com/paulirish/infinite-scroll/来显示我的分页WordPress评论。 查看从旧到新的注释时,插件工作正常(我认为这是默认选项),但如果WordPress中的讨论选项设置为以下内容: Break comments into pages with [XX] top level comments per page and the [LAST] page displayed by default Comments should be displayed with the [NEWER] comments at the top of each page 然后无限滚动不再有效。 看看问题,似乎是因为如果设置如上,那么WordPress将显示的第一个评论页面是最后一个,所以即 WordPress 1st comment page displayed = http://MYLINK/comment-page-5 WordPress 2nd comment page displayed = http://MYLINK/comment-page-4 WordPress […]

文本输入值大于.. jQuery

我正在使用wordpress并尝试在文本输入的值大于40时抛出消息。 <input type="text" name="quantity" size="2" value="” /> 现在我想在这个文本字段包含大于40的值并且还想将其值重置为”我的wordpress主题使用jquery 1.71时抛出一条消息(警告)我正在做以下事情: jQuery(“input[type=’text’][name=’quantity’]”).change(function() { if (this.val >= 41) { alert(“To order quantity greater than 40 please use the contact form.”); this.val == ”; this.focus(); return false; } }); 谢谢。

使用jQuery Load获取页面的某些部分

全部,我正在使用Wordpress,所以我知道主要内容属于以下div: 我正在尝试使用jQuery加载函数来仅显示这些标记之间的内容。 我怎么能说内容的id但主角的作用? 我试着做以下事情: page_url = $(this).attr(“href”); $(“#menu_content”).load(page_url + ‘ #content main’); 但这并没有显示任何内容。 关于如何做到这一点的任何想法? 谢谢!

onClick标记在WordPress中发送通知电子邮件

我有一个span标签,它是表单的一部分(但不是最终的提交表单),它将用户从第一个问题推进到第二个问题。 点击此按钮,我想向硬编码的电子邮件发送简单的电子邮件通知,说明已添加新条目。 我正在使用WordPress。 我的HTML如下(无法更改) Get Started 我在ajax中使用以下jquery函数(console.log成功): $(‘.email-enter’).on(‘click’, function(){ console.log(‘button is clicked’); $.post(“/wp-content/themes/wptheme/partials/notify.php”); }); 然后我创建了一个包含以下内容的notify.php文件: 虽然点击function有效,但是ajax / wp-mail无法正常工作(我没有收到电子邮件)。 如何编辑此代码以发送此跨度的电子邮件通知?