Tag: wordpress

jQuery手风琴100%宽度

我的wordpress标题上有一个jQuery手风琴。 我注意到手风琴的宽度因浏览器和屏幕宽度而异。 我试图通过向accordion类添加’width:100%’来解决这个问题,但是宽度仍然没有填满屏幕/标题宽度? 然而,当在’chrome inspect element’中编辑并将’width:100%’插入到手风琴宽度中时,它会起作用,但是100%的css在chrome中被“划掉”? 有人可以协助我做错误吗? 谢谢 /* Vertical Accordion Style */ .va-container{ position:relative; margin:40px auto 0 auto; top: -47px; left: 0px; width: 100%; } .va-wrapper{ width:100%; height:100%; position:relative; overflow:hidden; background:#000; left: 0px; } .va-slice{ cursor:pointer; position:absolute; width:100%; left:0px; overflow:hidden; } .va-slice-1{ background:#000 url(http://sofzh.miximages.com/jquery/Airfreight22.png) no-repeat center center; } .va-slice-2{ background:#000 url(http://sofzh.miximages.com/jquery/Seafreight2.png) no-repeat center center; […]

使用“后备脚本”从WordPress中的Google AJAX Libraries API加载jQuery

我添加了一个Wordpress函数来从Google Hosted Libraries加载jQuery库 if (!is_admin()) add_action(“wp_enqueue_scripts”, “my_jquery_enqueue”, 11); function my_jquery_enqueue() { wp_deregister_script(‘jquery’); wp_register_script(‘jquery’, “http” . ($_SERVER[‘SERVER_PORT’] == 443 ? “s” : “”) . “://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js”, false, null); wp_enqueue_script(‘jquery’); } 它创造了这样的东西 根据html5boilerplate建议,如何将其与fallback选项一起包含在内 window.jQuery || document.write(”) 像这样

在ajax上显示甜蜜警报添加到购物车以获取特定的Woocommerce购物车项目计数

问题: 我正在尝试在调用AJAX时显示JavaScript警报。 但是,当我刷新页面时,警报才会成功触发。 这是触发javascript IF购物车项> 2的函数的开始: 因此,如果Woocommerce购物车中有超过2个项目,请运行Javascript警报… add_action( ‘wp_footer’, ‘trigger_popup’ ); function trigger_popup() { global $woocommerce; $maximum_num_products = 2; $cart_num_products = WC()->cart->get_cart_contents_count(); if( $cart_num_products > $maximum_num_products ) { 然后我试图在调用ajax时显示javascript警报: 我研究了全局Ajax事件处理程序 ,我认为$ .ajaxComplete是什么需要,但它不会触发javascript。 我也试图设置URL Ajax JS Handler以试图触发警报…… ?> //EXECUTE FOR AJAX? $( document ).ajaxComplete(function(){ //URL NEEDED FOR AJAX TO WORK? url: ‘/?wc-ajax=add_to_cart’, // ALERT CODE HERE […]

WordPress – 使用jQuery ajax POST请求获取用户信息

我正在使用Wordpress尝试使用ajax请求通过传递用户ID来获取用户数据。 我可以看到用户id通过AJAX POST正确发送但我收到内部错误消息,我不知道为什么。 起初我以为是因为我试图获取我添加到用户配置文件中的一些自定义字段,但即使我简化了我的脚本,我仍然收到错误消息。 任何帮助深表感谢! 前端 $(‘.author’).click(function() { var id = $(this).attr(‘id’); var temp = id.split(‘-‘); id = temp[1]; $.ajax({ type: ‘POST’, url: ‘wp-content/themes/twentyeleven/author_info.php’, data: {id: id}, dataType: ‘html’, success: function(data) { $(‘#author-bio’).html(data); } }); return false; }); author_info.php $user_id = $_POST[‘id’]; $forename = get_the_author_meta(‘user_firstname’, $user_id); $output = $user_id; echo $output; 错误信息 500 (Internal Server […]

根据Woocommerce产品类别更改“添加到购物车”按钮颜色

在Woocommerce中,我试图根据它所在的产品类别更改“添加到购物车”按钮的颜色。到目前为止,我能够更改文本,但是我无法弄清楚如何传入哈希格式的持久颜色值(例如#fffff) // Change add to cart button text per category add_filter( ‘woocommerce_product_single_add_to_cart_text’, ‘wps_custom_cart_button_text’ ); function wps_custom_cart_button_text() { global $product; $terms = get_the_terms( $product->ID, ‘product_cat’ ); foreach ($terms as $term) { $product_cat = $term->slug; break; } switch($product_cat) { case ‘clothing’; return __(‘Order your Clothes’, ‘your_theme_text_domain’ ); default; return __( ‘Order now’, ‘your_theme_text_domain’ ); } } 任何帮助赞赏。

用于WordPress小部件的markItUp

我正在使用markItUp作为WP小部件中的textarea(即,在创建和编辑小部件时,在widgets.php页面上)。 当我第一次打开小部件时,textarea是markItUp’ed,但是在我点击保存后,function丢失了,我又回到了普通的textarea。 我比较了页面的保存前和保存后版本的源代码,没有区别 – 显然,因为页面没有重新加载。 是否需要为每个ajax调用调用jQuery? 我尝试添加 jQuery(“.markitup”).markItUp(mySettings); 在窗口小部件的表单处理function内,但没有帮助。 我试图将此事件的更改绑定到保存按钮,但这似乎没有什么区别(我很有可能把它弄错了)。

WordPress中的前端媒体上传

我需要一些帮助! 🙂 我要做的是让用户从前端创建一个post。 使用预览窗口显示发布时post的外观。 我已经完成了。 现在我试图让用户将图像直接上传到媒体库。 一旦用户选择了具有以下代码的文件,就需要进行上传: 我不希望任何页面加载,有没有办法在不使用提交按钮的情况下获取文件? 另外我如何处理实际的文件上传,我的谷歌技能发现了这个function: function insert_attachment($file_handler,$post_id,$setthumb=’false’) { // check to make sure its a successful upload if ($_FILES[$file_handler][‘error’] !== UPLOAD_ERR_OK) __return_false(); require_once(ABSPATH . “wp-admin” . ‘/includes/image.php’); require_once(ABSPATH . “wp-admin” . ‘/includes/file.php’); require_once(ABSPATH . “wp-admin” . ‘/includes/media.php’); $attach_id = media_handle_upload( $file_handler, $post_id ); if ($setthumb) update_post_meta($post_id,’_thumbnail_id’,$attach_id); return $attach_id; } 但是这个函数将上传挂钩到post,我只是希望它直接进入库而不连接到post。 另外我假设$ […]

vimeo嵌入在firefox上显示黑屏?

我将video嵌入到我的网站中,在所有浏览器中都运行良好但在firefox上显示黑屏,任何想法? 使用iframe模式。 最有趣的是,有些人出现了,有些人并没有使用相同的嵌入方法。

登录时使用wp_authenticate()重定向某些用户

我们的网站正在使用Wordpress – WooCommerce登录页面供客户登录。 我试图使用wp_authenticate()来实现以下function: 1)客户登录我们的新网站,输入他们的用户名和密码,然后点击登录按钮。 如果您想查看WooCommerce登录文件,请单击此处 。 2)我们的新网站通过列表查看用户名是否匹配。 如果用户名匹配,请不要查看密码,只需将用户重定向到其他url,例如google.com 3)如果用户名与我们的列表不匹配,请让他们像往常一样登录。 有了JQuery,有人帮我提出了以下代码: var names = new Array(”BILL”, ”JIM”, ”BOB”); // get all names into array, and all in uppercase var dest_url = ”http://www.website.com”; // URL we want to send them to jQuery(document).ready(function () { jQuery(”input[name=’login’]”).click(function(event){ event.preventDefault(); // prevent default form action var current_name = jQuery(”#username”).val(); current_name […]

WordPress和Jquery:如何在div的click事件中使用jquery调用wordpress函数?

我使用get_pages()函数像导航菜单一样在我的主题顶部加载了wordpress页面标题: <?php $pages = get_pages('child_of=0&parent=0&echo=0'); foreach($pages as $page){ echo 'ID.’ >’; echo $page->title; echo ”; } ?> 注意: 打印的page titles没有链接到页面。 并且所有 标签都具有相同的class=pages 每个 标签都有一个与当前$page->ID相关的id 我已经使用Jquery来调用一个函数,通过点击每个 标签显示每个页面的子Jquery ,其中包含2个id属性的最后一个字符,如下所示: $(document).ready(function(){ $(‘.pages’).click(function(){ var id = $(this).attr(‘id’); id = id.substring(5,7); $(‘body’).append(); }); }); Bu它不起作用,似乎在加载页面时调用了PHP block code 。 请帮我在每个 点击事件上调用wordpress get_pages函数来加载页面的子项。