Tag: wordpress

在script.aculo.us中使用jQuery noConflict()

我有一个使用“widget”(来自http://healcode.com )的网站,其中包含script.aculo.us JavaScript库。 问题是我正在构建的网站是在WordPress上,所以有经典的jQuery vs script.aculo.us冲突。 我知道我需要在.noConflict()模式下运行jQuery,但我必须得到错误的语法。 当我按如下方式将$分配给jQuery .noConflict ,它仍会关闭script.aculo.us函数: var $ = jQuery.noConflict(); $(document).ready(function () { //#nav-main dropdown effects $(‘#nav-main ul li’).hoverIntent(function () { $(this).find(‘.dropdown’).stop(true,true).slideDown(‘900’); }, function(){ $(this).find(‘.dropdown’).stop(true,true).slideUp(‘500’); }); }); // end document.ready 我知道我在.noConflict()模式下将$分配给jQuery,我假设script.aculo.us(通过主体中的小部件加载,因此在jQuery之后)试图重新分配$ back to script.aculo.us。 如何以稍后加载的script.aculo.us库不会冲突的方式将$分配给jQuery? 我已经尝试了以下但没有任何成功(以下代码导致script.aculo.us工作,但jQuery失败): jQuery(document).ready(function () { //#nav-main dropdown effects jQuery(‘#nav-main ul li’).hoverIntent(function () { jQuery(this).find(‘.dropdown’).stop(true,true).slideDown(‘900’); }, function(){ jQuery(this).find(‘.dropdown’).stop(true,true).slideUp(‘500’); […]

根据变化更改WooCommerce变量产品标题

我正在寻找一些帮助,让WooCommerce变量产品标题根据变化进行更改。 在这种特定情况下,我希望在选择颜色时更改标题,例如“Productname Black”。 是否有任何简单的片段可以让它发挥作用? 感谢我能得到的所有帮助。

WordPress在联系表单7中发送重定向表单数据

我正在使用名为Contact Form 7的流行wordpress插件。通过添加此代码on_sent_ok: “location = ‘http://example.com/’;” ,提交到任何页面后,可以轻松地重定向表单on_sent_ok: “location = ‘http://example.com/’;” ,但它不带有输入的表单值,因为它是一个AJAX提交。 站点方向说:“最简单的方法是使用on_sent_ok JavaScript动作钩子。 通过使用此挂钩,您可以指定在成功提交表单后要运行的JavaScript代码。 您可以在联系表单管理页面的底部找到“附加设置”字段。“ 是否有人能够帮助或解释我如何在重定向上携带表单值? 这是我从Contact Form 7获得的重定向页面 http://contactform7.com/redirecting-to-another-url-after-submissions/

如何使用wordpress中的媒体上传来上传video文件?

我有一个post类型,用于上传wordpress中的横幅。 使用名称,图像/video和url的自定义字段。 默认媒体上传工作正常上传图像/video,但我的问题是我无法获得自定义字段的video基本url。 这是我的代码,无法获取videourl。 它只给我video文件名。 window.send_to_editor = function(html) { var imgurlar = html.match(/]+src=\”([^\”]+)\”/); var imgurl = imgurlar[1]; //image if( imgurl.length ){ jQuery(‘#wsp_media’).val(imgurl); jQuery(‘#preview-wsp-media’).html(”); } //video else{ var fileurl = jQuery(html); //above “html” carries only video name if I click on “none” button in media library //check if fileurl is a video ?? var fName = […]

前端的Ajax和WordPress – 数据库不更新

所以我正在使用WordPress网站。 我在获取用户输入以更新数据库时遇到了一些困难。 JS: var ID = $(this).attr(‘id’); var name = $(“#name_input_”+ID).val(); var createDate = $(“#created_input_”+ID).val(); var stats = $(“#status_input_”+ID).val(); var dateExpire = $(“#disbanded_input_”+ID).val(); var dataString = ‘id=’ + ID + ‘&name=’ + name + ‘&createDate=’ + createDate + ‘&stats=’ + stats + ‘&dateExpire=’ + dateExpire; // can place loading image here if (name.length > 0 […]

通过AJAX添加可变产品后更新WooCommerce购物车

我已经组装了一个链接,可以将变量产品添加到我的购物车中,但是我不知道如何在不重新加载页面的情况下“刷新”购物车。 我的猜测是我没有正确地将这个AJAX添加到购物车请求中,因此,不会调用woocommerce_add_to_cart_fragments(我相信我的购物车HTML将被放置以进行刷新)。 $addToCartLink = ‘?add-to-cart=’ . $prod->id . ‘&variation_id=’ . $var_id . ‘&attribute_pa_quantity-attribute=’ . $var_quantity; jQuery.get($addToCartLink, function() { //refreshCart(); }); 如果有人能指出我正确的方向,我将非常感激。 变量/ AJAX / WooCommerce文档似乎相当稀疏​​。

从ajax中的wordpress调用PHP函数?

reset.php文件: 脚本Ajax: $(document).ready(function() { $(‘#reset_general’).click(function() { $(‘#result1’).css(“display”, “block”); jQuery(‘#result1’).animate({‘opacity’: ‘1’}); }); }); function resetgeneral() { $.ajax({type: ‘POST’, url: ‘/fantasticpopuptemplate/inc/reset.php’, success: function(response) { //$(‘#fff’).find(‘.form_result’).html(response); $(‘#result1’).css(“display”, “none”); $(‘#resets1’).css(“display”, “block”); $(‘#resets1’).html(“Settings Resets”); $(‘#resets1’).fadeOut(2500, “linear”); }}); return false; } 嗨我试图在ajax中调用php重置function,但当我谷歌搜索我知道不是直接调用PHP函数的可能性所以我把该特定的function在单独的php文件中并调用该php文件我不知道我怎么能这样做ajax我尝试了上面的代码但没有任何反应。 出现设置重置消息。 我怎么能这样做任何帮助都会很棒。 在使用ajax概念之前,我尝试使用php中的isset函数但是每次都会加载页面加载,只有我跳进了ajax。

WordPress jQuery Uncaught TypeError:对象的属性’$’不是函数

我正在将我的html文件转换为WordPress主题,我正在使用插件ZClip将副本文本复制到剪贴板。 ZClip插件在我的html演示中运行正常,但是当转换为WordPress时,我得到了这个奇怪的语法错误“uncaught TypeError:对象[对象对象]的属性’$’不是zclip.js文件中第288行的函数”是 $(this.domElement).data(‘zclipId’, ‘zclip-‘ + this.movieId); 我认为这是变量$不确定的东西。 我读到了一些关于jQuery可能在WP中相互冲突的内容,所以我将main.js文件更改为 jQuery(document).ready(function($){ … $(“button”).zclip({ path:’js/ZeroClipboard.swf’, copy: function() { return $(this).attr(“data-coupon”); } }); }); 的functions.php <?php function load_styles_and_scripts(){ //load css wp_enqueue_style( 'main-styles', get_template_directory_uri().'/style.css' ); // load scripts wp_enqueue_script( 'jquery', 'http://code.jquery.com/jquery-1.10.1.min.js' ); wp_enqueue_script( 'zclip-script', get_template_directory_uri().'/js/zclip.js' ); wp_enqueue_script( 'main-script', get_template_directory_uri().'/js/main.js' ); } add_action('wp_enqueue_scripts', 'load_styles_and_scripts'); 终于在一整天后想出来了,哈哈。 好像WP 3.5.2加载了旧版本的jQuery 1.8.3而且我使用的是新版本而且因为这行不加载它 wp_enqueue_script( ‘jquery’, […]

在没有插件的情况下在WordPress中集成Bootstrap轮播

我已经将自举旋转木马整合到我的wordpress中。 幻灯片将从标记为“特色”的post中删除,因此最近只会显示5个“特色”post。 以下是我的代码: have_posts() ) : ?> have_posts() ) : $the_query->the_post(); ?> <a href="https://stackoverflow.com/questions/19344696/integrating-bootstrap-carousel-in-wordpress-without-plugin/”> <img src="https://stackoverflow.com/questions/19344696/integrating-bootstrap-carousel-in-wordpress-without-plugin/” alt=””> Makecat_name; ?> Miles | ColorDetails   → 问题是它没有滑动,因为“活动”类不能静态工作。 我该如何解决? 谢谢

加载更多postwordpress点击

我正在使用wordpress的网站上工作,我几乎每天发post,现在的问题是post列表有点长,我希望得到以下内容:每发布一次xx(数量)后出现按钮,可以加载下一个xx(数量)post。 我已经尝试构建无限滚动javascript(在代码和插件本身),但我似乎无法使它按我想要的方式工作。 我希望有人可以帮我解决这个问题。