Tag: wordpress

WordPress不能正确执行jquery代码

我使用谷歌地图api和旋转木马系统有一个很好的位置列表。 本地脚本工作完美,没有任何问题。 我目前正在使用: https : //github.com/haripaddu/jQuery-Vertical-Carousel 首先,当集成代码时,函数将无法工作,我在其他post上看到解决方案是将它包装起来,因此它就是我所做的,但脚本仍然不起作用。 什么不起作用的事实是,即使我有10 li旋转木马没有启动它只显示我所有的li 。 编辑:从iv’e测试我认为发生的是jQuery包装不允许$.fn正常工作,因为它永远不会返回$(“.recentArticles”) ,但总是完整的DOM元素。 我试过了: jQuery(document).ready(function(){ /*my code*/ }); 也: jQuery(document).ready(function($){ /*my code*/ }); 我还必须包裹这条线: var currentItemOffset = $(“> :nth-child(” + currentItem + “)”, carouselGroup).offset(); 像这样: var currentItemOffset = jQuery(function($) {$(“> :nth-child(” + currentItem + “)”, carouselGroup).offset();}); 否则我会收到错误。 在我的functions.php中,我还确保在排队我的javascript时包含jQuery: wp_enqueue_script( ‘verticalCarousel’, get_template_directory_uri() . ‘/js/jQuery.verticalCarousel.js’, array( ‘jquery’ ), […]

在单击文件下载时,成功重定向到使用AJAX的另一个页面

在我的WordPress项目中,我的下载按钮包含一个.zip文件,应该下载onClick。 所以HTML的产生是: DOWNLOAD 我正在使用AJAX刷新下载次数。 var ajaxurl = ”; jQuery(document).on(‘click’, ‘.download-link’, function () { var id = this.id; jQuery.ajax({ type: ‘POST’, url: ajaxurl, data: {“action”: “count_download”, “id”: id }, success: function (data) { window.location = site.url + “/download-success?fid=”+ id; } }); }); 一切正常,直到我添加链接文件。 通常这样的链接将开始下载.zip文件,但即使在AJAX调用所花费的时间之后,页面也会重定向到下载成功页面而不会触发下载。 它大部分时间都会发生,只有一次或两次文件开始下载。 PS:我测试了这个,但不是我的情况。

使用PHP在WP中“设计”我的滑块

在我的自定义Wordpress主题中,我在我的内容上面实现了一个非常基本的“特色列表 – 图像滑块”。 我想知道如何在两者之间硬编码PHP以将我的滑块连接到我的’主题’。 我试图’ 主题 ‘滑块,以便通过’Recent-Posts’或’Category’来提取内容。 我如何设置’精选Imgs’在滑块中显示为照片,并在列表区域中显示我的缩略图部分? 这是我选择的jQuery I插件的屏幕截图; (他们的演示破了,所以。) 以下是我实施的标记。 David King – on his True Crime thriller Tips from Steve Perry Tips from Chuck Berry SFIRS David King – on his True Crime thriller David King is Lorem Ipsum Lorem Ipsum Lorem Ipsum…read more Tips from Steve Perry Steve Perry is Lorem […]

添加模态到woocommerce添加到购物车按钮

我正在用woocommerce建立一个wordpress网站。 我想添加一个可选的保险产品,当客户点击特定产品的“添加到购物车”时,该产品会弹出。 这个想法是他们必须在继续结账之前接受或拒绝这个产品。 我已经尝试过使用bootstrap模式但我无法使用add to cart按钮触发它。 Modal作为页面内置的特定模式按钮工作正常,所以我知道它不是jquery或bootstrap的问题,但我无法弄清楚如何将它链接到添加到购物车按钮。 看起来像是应该内置于woocommerce的东西,但如果它是我错过了它。 任何帮助非常感谢…

jquery Supersize显示IE错误

我试图将超大Jquery集成到Wordpress中。 我知道有一个WP插件,但我更喜欢手动执行此操作,因为我使用自定义标题,自定义模板和幻灯片的wp-ecommerce产品post(很难与插件集成) 一切都很好,除了我在IE中出现错误,因为最后的幻灯片逗号没有删除。 IE错误是:消息:’base.options.slides […] .thumb’为null或不是对象 =================== 编辑:我更新了下面的代码以反映Naor的答案 – 他的建议完美无缺(感谢Naor !!) var slides=[]; ‘publish’, ‘post_type’ => ‘wpsc-product’, //’numberposts’ => 5, ‘orderby’ => ‘title’, ‘order’ => ‘ASC’, // ‘wpsc_product_category’=>’phones, laptops’, // leave this out if you want to show all, or comma separate to specify categories ‘showposts’ => 50 )); while( $my_query->have_posts() ) : $my_query->the_post(); ?> […]

jQuery和其他库包含哪些顺序?

我有一个使用MooTools和jQuery的Wordpress主题。 我使用jQuery noConflict来避免与其他JS库的冲突; 这对我没有帮助。 有人可以帮助我在我的Wordpress主题上包含JS库的正确顺序吗? 提前致谢。

WooCommerce:结账validation失败后更新自定义字段

在我的项目中,我正在定制一些WooCommercefunction。 我的“运输方式”是: 交货 带走 我还在结帐页面添加了一个自定义字段,该字段是填充了有效的传递时间(大小写为“1”)或者用于带走(案例“2”)。 可能会发生用户选择2. take away在购物车页面中2. take away ,然后选择有效时间为“2”的时间,但随后更改为1. delivery并且所选时间可能不再有效,选项列表和自定义现场标签。 当然我正在使用woocommerce_checkout_process挂钩通过wc_add_notice()警告用户,但即使触发了woocommerce_checkout_fields挂钩(我创建选择列表的位置), 值也不会更新。 我认为有一个AJAX调用仅与发货方法有关,并且不会更新其他结账字段,尽管触发了woocommerce_checkout_fields挂钩。 如何更新自定义字段? 我需要一些js / jquery / AJAX吗? 或者:自定义字段是否可以与送货方式相关(并通过AJAX更新)? 怎么样? 编辑 自定义字段代码: add_filter( ‘woocommerce_checkout_fields’, ‘fty_filter_checkout_fields’ ); function my_filter_checkout_fields($fields) { $must_deliver = WC()->cart->shipping_total > 0.0; // true=deliver, false=take away // some complex code to calculate time lists omitted, samples array instead: $delivery_time_list = […]

无法在WordPress页面中使用$ .get

我正在尝试使用ajax $ .get()请求在我的一个WordPress页面中显示计算数据。 我还没有决定是否要在我的不同服务器上托管php计算文件,或者托管WordPress的服务器(不要认为这会因为数据请求而有所作为)。 我想在wp-admin中创建的页面中将以下代码添加到header.php文件中,甚至更好: $(document).ready(function(){ $.get(“http://my-other-website.com/parse-list.php”,function(data){ alert(data); }); }); 我知道这是一个基本function,但我真的很难理解它在WordPress中是如何工作的,但是在我没有托管WordPress的其他服务器上工作。 我测试了jQuery以确保它正确加载,带有一个简单的警报(“嘿”);并且警报工作得很好。 有没有其他人有这个问题? 任何帮助将不胜感激!

如何使这个交换图像代码在wordpress中工作

好吧,我在这个很好的教程的基础上创建了一个投资组合页面: http : //designshack.net/articles/css/swap-your-pages-background-image-on-navigation-hover/ 但因为它是基于CSS,它有一些局限性。 像目前没有图像显示,除非我hover标题。 这是我的css: .container_imd { position: relative; overflow: hidden; margin: 100px auto; width: 800px; height: 500px; -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.3); box-shadow: 10px 10px 10px rgba(0,0,0,0.3); } .container_imd li img { position: absolute; top: 0; left: 800px; z-index: -50; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; […]

AJAXing一个WordPress自定义主题

我正在尝试为我女朋友的烹饪和烘焙博客制作一个自定义主题。 我想这样做,以便在点击博客post缩略图链接时没有页面刷新。 相反,我希望将博客文章内容动态加载ajax到home.php中id =“main-content”的文章中,我还想为各个post启用深层链接。 这是网站将有点像(还没有完成): http : //natalija.co.nf/每个类别都有一个滑块,其中将显示3个缩略图链接到post和章节与文章里面的post应该加载将显示在页面底部,就在页脚之前。 这是我的home.php和single.php页面的代码: home.php ‘id’, ‘order’ => ‘ASC’, ‘hide_empty’ => ‘0’, ‘exclude’ => ‘1’ ); $categories = get_categories($args); foreach($categories as $category) { ?> <section id="slug; ?>” data-stellar-background-ratio=”0.5″> <article class="slug; ?>” data-stellar-ratio=”1.5″> name; ?> ‘publish’, ‘category_name’ => $category->slug, ‘nopaging’ => true, ); $custom_query = new WP_Query( $args ); if ( […]