Tag: wordpress

AJAX调用wordpress模板

我的工作php / javascript / ajax应用程序进入我的wordpress主题时遇到了问题。 我将它用于我的用户,而不是在管理面板中。 我已经做了什么:我在我的functions.php中调用了JavaScript文件。 它的装载很好。 但是,当我打开我的主要php文件时,它不会进行ajax调用。 我有4页:response.php response.php(这个工作正常。) single-page.php(这个也工作正常。) voedingsschema.js(这个没有wordpress工作。) function.php(我不知道我是否做得对。) 我希望我已经提供了足够的信息。 我的模板中的function.php代码如下所示: function fitnesszone_child_scripts(){ wp_enqueue_script( ‘voedingsschema js’, get_stylesheet_directory_uri() . ‘/js/voedingsschema.js’); } add_action( ‘wp_enqueue_scripts’, ‘fitnesszone_child_scripts’); javascript代码: $(document).ready(function() { //##### send add record Ajax request to response.php ######### $(“#FormSubmit”).click(function (e) { e.preventDefault(); if($(“#contentText”).val()===”) { alert(“Please enter some text!”); return false; } $(“#FormSubmit”).hide(); //hide […]

WordPress联系表单7文本框未在Chrome中显示

我在使用WordPress查看联系表单7文本字段中的文本时遇到问题。 我在浏览中遇到问题的唯一浏览器是Chrome。 如果我单击文本字段并开始键入任何显示,直到我单击文本字段。 如果我单击一个文本字段并开始输入,然后单击进入下一个字段并开始键入任何显示,直到单击文本和页面上的其他位置? 我有另一个线程,有人有这个问题,但它没有帮助我解决这个问题。 这里的链接文本框在chrome中的联系form7 wordpress中不能正常工作 我已经考虑过尝试修改此联系表单的CSS,但无法弄清楚如何编辑它。 任何帮助将不胜感激。

匹配递增的类与来自不同循环的递增的id

经过几个小时的研究和尝试和错误,我在这里开始我的第一个问题。 如果可以用wordpress语法更好地完成。 否则我认为我接近解决方案。 我想在wordpress模板页面上使用自定义图库,但是使用来自某些类别的post图片及其中的内容。 到现在为止还挺好。 在我的designerin.php模板中,我给每个图像一个类img-x。 class=”img- 内容得到id img-x id=”img- 计数器只是一个增量。 因此图像1具有类img-1,图像2 img-2等等。 现在,我想要在单击此特定图像时显示在wordpress编辑器中创建的该图像的相关内容。 假设您单击图像5并想要图像5中的内容。 我坚持我说的步骤(在jQuery中),显示内容 if .img-x == #img-x { display the_content() } 够了 – 这是我的jQuery代码: $(“.large-img-wrapper”).hide(); $(‘.gallery li’).on(‘click’, function(e) { e.preventDefault(); var largeImgLink = $(this).find(‘a’).attr(‘href’); $(“.large-img-wrapper”).first().fadeIn(); var imgContent = $(‘#img-5’).html(); $(‘#large-img’).remove(); $(‘#append-id’).remove(); $(“.large-img”).append(”).fadeIn(); $(“.large-img”).append(” + imgContent + ”).fadeIn(); $(“.large-img-container .img-title”).remove(); }); var imgContent只是一个测试。 […]

滑块革命5.0错误

我正在LAMP中开发一个WordPress模板,我正在使用用于滑块的Revolution滑块,我创建了滑块并将其嵌入到主页中。 当我查看主页时滑块没有播放,我在控制台中收到以下错误。 “Slider Revolution 5.0 Error !jquery.themepunch.revolution.min.js:7:16730 Failure at Loading:revolution.extension.video.min.js on Path://localhost/education/wp-content/plugins/revslider/public/assets/js/extensions/jquery.themepunch.revolution.min.js:7:16776 Object { readyState: 4, getResponseHeader: .ajax/w.getResponseHeader(), getAllResponseHeaders: .ajax/w.getAllResponseHeaders(), setRequestHeader: .ajax/w.setRequestHeader(), overrideMimeType: .ajax/w.overrideMimeType(), statusCode: .ajax/w.statusCode(), abort: .ajax/w.abort(), state: .Deferred/d.state(), always: .Deferred/d.always(), then: .Deferred/d.then(), 11 more… }”

ajax加载后猫头鹰旋转木马没有工作

我使用jquery 1.11和这个代码到侧边栏中的ajax加载wordpresspost内容。 一切都很好,但猫头鹰旋转木马的jqueryfunction不起作用,并且邮件内容中的旋转木马没有显示任何内容。 ajaxify代码加载post内容: $(document).ready(function(){ $.ajaxSetup({cache:false}); $(“.post-link”).click(function(){ var post_link = $(this).attr(“href”)+’ #content’; $(“#single-post-container”).html(“loading …”); $(“#single-post-container”).load(post_link); return false; }); }); 有没有办法解决这个问题和冲突? 最好的祝福。

特定类的jQuery函数

我在wordpress页面中运行自定义循环,该页面应列出一个类别中的所有鞋子以及颜色选择器。 我让循环运行得很好,页面看起来还不错。 但是我的jQuery脚本有一个很大的问题就是改变了图像。 每个post都有:不同颜色的鞋子和颜色选择器的几个图像 – 不同的鞋子有不同的颜色(你可以在http://www.etfovac.com/testbed/shoe/看到一个演示 – 最后的页面应该看起来像这样http://sofzh.miximages.com/jquery/mockup.jpg )我的jQ函数看起来像这样(对于测试页面) $(document).ready(function() { $(“.colorwrap a”).click(function(){ var a = $(this).attr(“rel”); $(“.cipela-1, .cipela-2, .cipela-3, .cipela-4”).slideUp(‘slow’); $(“.”+a).slideDown(“slow”); }); $(“.cipela-1”).slideDown(“slow”); }); 但它改变了页面上每双鞋的图片。 我可以在函数中硬编码,因此它选择cipela 1到50 什么是更好的方法来做到这一点?

无法理解如何在WordPress中正确排队jQuery

所以按照建议,我将我的脚本排入function.php文件而不是像下面的例子一样在头部排队: function bok_scripts() { wp_enqueue_script( ‘custom’, get_template_directory_uri() . ‘/js/custom.js’ ); } add_action( ‘wp_enqueue_scripts’, ‘bok_scripts’ ); 问题是这个JavaScript不起作用,除非我使用通常的方法将jQuery添加到头部: 但是,我经常遇到的问题是WordPress使用wp_head();自动加载jQuery版本wp_head(); 来自wp-admin / includes目录。 因为jQuery加载了2x,所以它会破坏一些代码。 例如,以下将抛出’This is not a function($)’错误: $(window).load(function(){ $(‘#modal-notices’).modal(‘show’); }); 有谁知道如何克服这个问题? 我尝试了很多东西,但似乎所有工作都是从wp-admin / includes目录中删除jQuery。 但显然,这不是一个正确的解决方案。

WordPress jQuery脚本没有在jQuery.noConflict用法的一个实例上启动

我有Wordpress 2实例:本地和远程(远程应该非常相似,主要是从本地上传,除了几个插件)。 代码使用的是jQuery.noConflict方法,因为没有它,在添加大量插件后它无法在本地工作。 现在,当它上传到远程Wordpress时,它仍然没有从那里开始,但它在本地工作:)。 JS方法刚刚开始。 确保文件附加了HTML文件的HEAD部分中的正确路径。 控制台中没有显示错误。 预期的行为是:JS警报应该出现,但不是。 JS代码在这里: var jQueryAlias = jQuery.noConflict(); function customizeWebUIForEmailSubscriberPlugin() { alert(“customizeWebUIForEmailSubscriberPlugin”); //format input button jQueryAlias(‘#elp_txt_email’).removeClass(‘elp_textbox_class’).addClass(‘form-control’).addClass(‘full-width’); //format input button jQueryAlias(‘#elp_txt_email’).removeClass(‘elp_textbox_class’).addClass(‘form-control’).addClass(‘full-width’); //format message text //jQuery(‘.elp_msg’).removeClass(‘elp_msg’).addClass(‘post-body’); jQueryAlias(‘#elp_msg’).addClass(‘message-format’); //hide submit button jQueryAlias(‘#elp_txt_button’).addClass(‘hide’); //hide email label jQueryAlias(‘.elp_lablebox’).addClass(‘hide’); } jQueryAlias(customizeWebUIForEmailSubscriberPlugin);

如果打开Thickbox,则设置body noscroll

我的JS / jQuery知识非常基础,所以我在这里要求一些帮助。 我正试图通过Thickbox实现Pinterest效果。 我假设应该使用JS或jQuery来监视Thickbox操作(如果#TB_window存在与否)并应用以下规则: 如果打开Thickbox – >将body样式设置为overflow:hidden Else Thickbox关闭 – >将body样式设置为overflow:auto 我正在使用集成到WordPress Thickbox中的函数 – add_thickbox(); 如果它有任何区别。

为什么jquery不使用wordpress入队?

我只是改变了我在这个方法的主题中排队jquery的方式: function my_init() { if (!is_admin()) { // comment out the next two lines to load the local copy of jQuery wp_deregister_script(‘jquery’); wp_register_script(‘jquery’, ‘https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js’, false, ‘1.7.2’); wp_enqueue_script(‘jquery’); } } add_action(‘wp_enqueue_scripts’, ‘my_init’); 对此: function my_scripts_method() { wp_enqueue_script(‘jquery’); } add_action(‘wp_enqueue_scripts’, ‘my_scripts_method’); function my_admin_scripts_method() { wp_enqueue_script(‘jquery’); } add_action(‘admin_enqueue_scripts’, ‘my_admin_scripts_method’); 旧版本使用1.7.2,wordpress’内置版本为1.7.1。 我试过将1.7.1的地址复制并粘贴到第一个版本中,它就是一样的。 该链接存在于1.7.1版本的源代码中,但jquery不起作用。 什么可能导致这个? url:www.brainbuzzmedia.com/themes/vertex/