Tag: wordpress

将逗号分隔列表转换为无序列表

寻找任何PHP，Jquery，javascript解决方案，以逗号分隔数据并将其转换为无序列表。 为了进一步解释，我已经将一个CSV文件导入到wordpress中，一个元素块包含许多以逗号分隔的数据，我需要将其显示为列表。 所有帮助表示赞赏！

如何在wordpress上正确包含jquery-ui效果

我一直试图在我的wordpress主题中包含jquery ui效果（更具体地说是摇动效果）。 到目前为止，我只能包含jQuery脚本，但我真的不知道在哪里放置ui脚本以及如何将它们排入队列。 这是我的代码。 它显然不起作用： <link rel="stylesheet" type="text/css" href="” /> var $j = jQuery.noConflict(); $j(document).ready(function() { $j(“#manita-imagen”).mouseover(function(){ //$j(this).animate({ opacity: “hide” }) // alert(‘asd’); $j(this).effect(“shake”, { times:3 }, 300); }); }); 谢谢你的帮助！

WordPress：在网站上只加载一个jquery脚本

即将推出一个WordPress网站，但已注意到它目前正在加载两个jquery文件，一个在wp-includes中，另一个来自我的header.php ，有没有办法让wordpress在前端加载wp-include？ 做了相当多的搜索，并且唯一提到这似乎包括以下代码，但我找不到任何关于它的文档，任何想法？

如何使用jQuery更改菜单中列表项的z-index？

我正在为wordpress主题制作一个长菜单，它出现在两行上。 问题是顶行的子菜单显示在底行的列表项下。 我的解决方案是更改z-index，但我不知道菜单会有多少元素，所以我使用的是jQuery。 这是代码，但它不起作用。 你能帮忙吗？ jQuery(document).ready(function ($) { var items; items=jQuery(“.menu>ul>li”).length; for (var i=0; iul>li”).css(“z-index”, function( items, i ){ return items – i; }); } },”jQuery”);

需要帮助扭转function; 恢复div的动画扩展

我是jQuery的新手，所以请原谅我，如果这是asinine。 如果是这样，请指出我可以获得一些知识的地方。 这就是我正在做的事情：我有一个Wordpress（因此兼容模式）布局，这是一组使用同位素排列的div。 当用户点击div时，它会使用.animate（）扩展到一定大小，然后同位素按宽度对所有div进行排序。 这一切都很漂亮，我很高兴。 问题是我已经全力以赴，没有逆转。 我想添加一个按钮，将div恢复为原始状态（宽度：156px高度：191px）。 这是我的绿色状态真正显示的地方。 当我点击一个关闭链接时，我已经尝试过对我已经完成的所有操作进行逆向工程，但我所能实现的只是缩小了div，只是让它立即回到扩展的大小。 如果有人可以指出我正确的方向，我会永远负债累累。 另外，如果我能为您提供更多信息，请告诉我，我会对此有所了解。 非常感谢。 jQuery().ready(function() { // Variables – Project Tiles var $tile = jQuery(“.tile”); //Expands tile on click jQuery($tile).click(function(){ $tile .stop() jQuery(this).addClass(‘expanded’); //change cell’s class jQuery(“.tile-content”, this).hide(); //hide starting content jQuery(this).animate({ //animate the expansion of the cell width: ‘933px’, height: ‘auto’, }, “slow”, function() { //things […]

使用WordPress和imagesLoaded的jQuery砌体

我在我正在研究的wordpress主题上使用jquery砌体。 在努力让它工作了一段时间之后我发现了这个： jQuery(function () { jQuery(‘#masonry-wrap’).masonry({ itemSelector: ‘.masonry-box’, columnWidth: 283 }); }) 似乎对我来说工作正常……但是在Chrome和Safari中检查网站会将包含元素的底部推入以下元素中…… 现在我在某处读到，这可以通过使用imagesLoaded插件和我在这里找到的代码来解决： http ：//masonry.desandro.com/demos/images.html – 但是因为我对jQuery非常糟糕，我让它上class有点困难。 任何人都可以帮助我将它合并到我已经使用的代码中并且有效（上面的那个）？ 任何帮助将不胜感激！！ 朱利安

WordPress Ajax从functions.php返回完整的html页面，而不是echo

我正在使用wordpress ajax调用从wordpress主题functions.php中的函数返回简单内容。 但是，将返回完整的html页面。 这是ajax调用 jQuery(document).ready(function(){ jQuery(“#beg_golf_course”).change(function() { //do this when course changes //in WordPress ajaxurl always points to admin-ajax.php var ajaxurl = ”; var course_id = 4; //Do the ajax jQuery.ajax({ type: “POST”, url: ajaxurl, //NOTE – the action parameter calls the function in functions.php data: { action: ‘select_course_aj’, course_id: course_id, _ajax_nonce: ” }, //display […]

使用jquery在wordpress中切换post

我想在wordpress中做一些我以前没有见过的事情。 基本上，当您到达博客时，会显示标题，缩略图和摘录。 按下切换按钮时，post应向下滑动以显示内容。 （ ） 这是我的Jquery： $(document).ready(function() { $(‘span.play a’).click(function() { if ($(‘.toggleSection’).is(“:hidden”)) { $(‘.toggleSection’).slideDown(“slow”); } else { $(‘.toggleSection’).slideUp(“slow”); } return false; }); }); 它完美地运作！ 然而; 因为切换位于wordpress循环中，每当按下切换按钮时，所有的post都会打开。 例如，如果我在一个页面上有10个post，并且单击了一个切换按钮，则所有切换都会打开。 这是我的WP循环： <div class="post" id="”> <img src="https://stackoverflow.com/questions/3687638/toggle-posts-in-wordpress-using-jquery//images/play.png” width=”30″ height=”36″ alt=”Play Video”> <a href="https://stackoverflow.com/questions/3687638/toggle-posts-in-wordpress-using-jquery/”> Posted in: On: 您在上面看到的是，当单击span.play a时，切换部分会向下滑动并显示内容。 选择任何单个切换时，将显示所有内容。 我想这样，所以每个切换在WP循环中都是唯一的，并且只显示该条目的内容。 有任何想法吗？ 到目前为止，您可以看到我的工作演示： http ： //vitaminjdesign.com/littlewindow/按缩略图上的播放按钮切换！

使用WordPress中的Jquery和css区分两个相同的HTML ID元素

我知道拥有多个具有相同ID的HTML元素是一种不好的做法。 然而，我需要专门修改其中任何一个。 我研究过并发现了Jquery方法’document.getElementByID’，该方法返回第一个类似元素，并允许您使用css进行更改。 使用它我写下面的代码，但它不起作用。 $(document.getElementById(‘it_trending-3’)).css({“display”:”none”}); 我使用CSS-JS-PHP wordpress插件在我的wordpress主题中添加了这段代码，从中创建了一个快捷方式，然后添加了短代码。 有人可以指导我出错的地方和地点吗？ 也可以随意提出一个不同的function，可能让我使用可能的索引专门指向每个相同的ID元素。 谢谢！

从Woocommerce 3.4中的条件结帐字段中删除“（可选）”文本

我以前使用这个答案来隐藏基于选择的送货方式的结帐字段，它工作正常，直到更新（3.4.2当前版本）我认为不确定什么已更改但它不再按预期工作。 以前当选择本地拾取时，某些字段被隐藏并且是可选的，并且当选择传送时，它将再次通过动态显示这些字段而不重新加载页面。 现在它根据需要显示和隐藏字段，但是，当选择传递时，它显示标记为必需的正确字段，但旁边还有（可选）符号，这使其成为可选字段。 见下图。 这是我修改过的剪贴板： add_filter(‘woocommerce_default_address_fields’, ‘custom_default_checkout_fields’, 10, 1 ); function custom_default_checkout_fields( $address_fields ) { $custom_fields = array( ‘country’, ‘address_1’, ‘address_2’, ‘state’, ‘postcode’); foreach($custom_fields as $field) $address_fields[$field][‘required’] = false; return $address_fields; } add_action( ‘wp_footer’, ‘custom_checkout_field_script’ ); function custom_checkout_field_script() { $pickpoint = ‘local_pickup:2’; $free_delivery = ‘free_shipping:1’; $flat_rate = ‘flat_rate:3’; $required = esc_attr__( ‘required’, ‘woocommerce’ ); ?> […]