Tag: wordpress

jQuery.easing 不是一个函数

当我查看火虫控制台时,我收到此错误。 我想在wordpress上制作一个滑块。 我正在使用本地主机,所以我无法准确地显示出什么。 但是,当滑块只是在wordpress之外的html文件中时,它可以工作。 在wordpress中,它给了我那个错误。 任何有关问题的见解都将受到高度赞赏。 谢谢。

如何在WordPress插件中使用Ajax?

我有一个带有2个下拉框的Wordpress网站。 当我在第一个下拉框中选择一个选项时,我希望用PHP函数中的数据刷新第二个选项。 为此,我需要ajax。 但我正在努力将ajax绑定到Wordpress中。 HTML看起来像这样: Status Sales Rentals Foreclosure Price (min) 100.000 200.000 300.000 400.000 现在,例如当用户选择“Sales”时,我希望使用PHP数组中的匹配价格重新加载第二个选择标记。 PHP函数如下所示: ‘120,000’, ‘120000’ => ‘200.000’, ‘130000’ => ‘300.000’, ); // Set price (max) to select $fields[‘max’][‘type’] = ‘select’; // Set price (max) select options $fields[‘max’][‘data’] = array( ‘100000’ => ‘120,000’, ‘120000’ => ‘200.000’, ‘130000’ => ‘300.000’, ); } else […]

如何使wordpress无限滚动更改URL?

我正在为一家初创公司创建一个新博客,他希望获得与http://qz.com/类似的无限滚动效果 它还需要包含在前面提到的链接中看到的URL更改。 对于我的生活,我无法弄清楚它是如何完成的,我认为它使用HTML5历史API,但我也有它在Internet Explorer中工作,所以也许它没有? 如果有人能给我一些关于如何使这项工作的指示(使用WordPress),我将非常感激。

JavaScript – 必须刷新页面以显示粒子滑块徽标效果

我正在使用HTML 5 Blank Child Theme从Wordpress加载前端站点。 我有一个使用粒子滑块的徽标效果,当我的屏幕尺寸> 960px时; 对于屏幕尺寸<960px我有一个平面徽标图像。 这一切都很好但是当我在徽标之间重新调整大小时,必须手动刷新页面(即通过按cmd + r )才能再次显示PS效果。 如何纠正这个问题,以便在重新调整尺寸后自动显示效果? 这是我的代码 – 粒子slider.php <div class="slide" data-src="https://stackoverflow.com/questions/46933391/javascript-page-has-to-be-refreshed-to-show-particle-slider-logo-effect//wp-content/uploads/2017/10/havoc_logohight.png”> var ps = new ParticleSlider({ ‘width’:’1400′, ‘height’: ‘600’ }); <img src="https://stackoverflow.com/questions/46933391/javascript-page-has-to-be-refreshed-to-show-particle-slider-logo-effect//wp-content/uploads/2017/10/havoc_logo.png”> style.css文件 /* RWD for logo */ @media screen and (max-width: 960px) { #particle-slider { display: none; } } @media screen and (min-width: 960px) and (max-width: […]

如何在自定义WP_Query Ajax上实现分页

我想用Ajax在自定义循环中对我的WordPresspost进行分页,所以当我点击加载时会出现更多按钮post。 我的代码: ‘post’, ‘posts_per_page’ => $postsPerPage, ‘cat’ => 1 ); $loop = new WP_Query($args); while ($loop->have_posts()) : $loop->the_post(); ?> <?php endwhile; echo 'Load More’; wp_reset_postdata(); ?> 此代码不会分页。 有一个更好的方法吗?

在Woocommerce中将ajax添加到购物车事件后运行javascript代码

在woocommerce中,我有一个带有以下类的添加到购物车按钮: button product_type_simple add_to_cart_button ajax_add_to_cart 单击此按钮后,我想运行一个javascript代码。 这是一个自定义的JS文件。 单击此类时,如何触发自定义js文件?

未捕获的TypeError:对象#没有方法’addPanel’

我正在尝试实现几乎跨浏览器的书签function,并在SO上找到了: 如何在我的网站上添加“添加到collections夹”按钮或链接? 现在,我正在使用@ PHPst的答案.. $(function() { $(“#bookmarkme”).click(function() { if (window.sidebar) { // Mozilla Firefox Bookmark window.sidebar.addPanel(location.href,document.title,””); } else if( /*@cc_on!@*/false) { // IE Favorite window.external.AddFavorite(location.href,document.title); } else if(window.opera && window.print) { // Opera Hotlist this.title=document.title; return true; } else { // webkit – safari/chrome alert(‘Press ‘ + (navigator.userAgent.toLowerCase().indexOf(‘mac’) != – 1 ? ‘Command/Cmd’ : ‘CTRL’) […]

如何在wordpress中调用ajax

我的ajax调用输出始终显示为0,因为输出不知道原因 在functions.php我有这段代码 function get_data() { $abc = ‘1’; $result = $wpdb->get_results(“SELECT * FROM “.$wpdb->options .” WHERE option_name LIKE ‘_transient_%'”); echo $result; //returning this value but still shows 0 wp_die(); } add_action( ‘wp_ajax_nopriv_get_data’, ‘get_data’ ); add_action( ‘wp_ajax_get_data’, ‘get_data’ ); 我的ajax调用是在javascript中 $(‘body’).on(“click”, “.re-reset-btn”, function(e){ var panel = $(‘#re-compare-bar’); $.ajax({ type : “GET”, dataType : “json”, url : […]

猫头鹰旋转木马不会自动播放

我正在使用Owl Carousel 2 JQuery插件构建一个带有JQuery轮播的wordpress网站。 我之前已经成功使用过这个旋转木马,但是我很难过这个,我需要你的帮助。 我希望其他可能遇到同样问题的人可以参考这个你帮忙的解决方案。 旋转木马将加载,图像正在显示,我尝试过的大多数选项都在工作,但自动播放不会在5秒后加载下一张图像。 正如使用Firebug网络检查器validation的那样,所有文件都在正确的位置并正确加载。 感谢您的帮助/建议! customjs.js: $(document).ready(function(){ var owl = $(“.owl-carousel”); owl.owlCarousel({ items: 1, autoplay: true, autoplayTimeout: 5000, autoplayHoverPause: true }); }); HTML: 我也试过追加owl.trigger(‘owl.play’,6000); 在document.ready函数内根据这个stackoverflow线程的建议无济于事。

jquery onclick函数未定义

我有一个ajax脚本,我试图从一个函数发布。 我正在使用onlick href,但它不会出现未定义。 这是使用wordpress。 我试图在范围内外移动代码但我仍然​​无法让它工作。 <input type="hidden" id="nameBox" value="” name=”name”/> <input type="hidden" id="emailBox" name="email" value="”/> Submit Comment jQuery(function($) { setInterval(function(){ $.ajax({ method: “GET”, url: “/get_chat.php” }).done(function(html){ $(‘#displayComments’).html(html); }); }, 2000); function submitComment(){ $.ajax({ method: “POST”, url: “template-live.php”, data: {submitComment:$(‘#chatBox’).val(),submitName:$(‘#nameBox’).val(),submitEmail:$(‘#emailBox’).val()} }).done(function(html){ alert(‘Your comment has been submitted, and will be displayed after approval.’); $(‘#chatBox’).val(”); }); } }); […]