Pregunta sobre Developing with WordPress de Wordpress:

jQuery .show () no funciona

Un usuario pregunt贸 馃憞

Quiero que los elementos del men煤 de comida aparezcan al hacer clic en la categor铆a. Funcion贸 perfectamente antes de que el sitio se cambiara a WordPress. Ahora, cuando se hace clic en una de las categor铆as, oculta todo, pero no muestra nada. Aqu铆 est谩 mi c贸digo:

jQuery(document).ready(function($) {
  $('#menu-links li a').click(function() {
    //fetch the class of the clicked item
    var clickedClass = $(this).attr('class');
    //reset the active class on all the buttons
    $('#menu-links li').removeClass('active');
    //update the state on the clicked button
    $(this).parent().addClass('active');
    if (clickedClass == 'all') {
      // show all our items
      $('#menu-items').children('div.col-md-4').show();
    } else {
      //hide all elements that don't share clickedClass
      $('#menu-items').children('div:not(.' + clickedClass + ')').hide();
      //show all elements that do share clickedClass
      $('#menu-items').children('div(.' + clickedClass + ')').show();
    }
    return false;
  });
});

驴Me estoy perdiendo de algo?

Este tema fue modificado hace 2 a帽os por.

(@tinytubbs)

Hace 2 a帽os

<div id="menu-links">
				<nav class="navbar navbar-center navbar-expand-lg navbar-light" id="menu-nav">
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
          </button>
					<?php
						wp_nav_menu(array(
							'theme_location' => 'menu_nav',
							'depth' => 1,
							'container' => 'div',
							'container_id' => 'navbarNav',
							'container_class' => 'collapse navbar-collapse',
							'menu_class' => 'nav navbar-nav mx-auto',
							'fallback_cb' => 'WP_Bootstrap_Navwalker::fallback',
							'walker' => new WP_Bootstrap_Navwalker(),
						));
					 ?>
					     </nav>
    </div>
<div class="row" id="menu-items">
	    <div class="breakfast col-md-4">
	      <div class="menu-item">
	        <img src="<?php echo get_stylesheet_directory_uri() ?>/images/eggsToast.jpg" alt="Eggs and Toast" class="menu-img">
	        <div class="menu-desc">
	          <span class="price">$5.00</span>
	          <h4>Two eggs and toast</h4>
	          <p class="indent">with hash browns<span class="subprice">$7.50</span></p>
	          <p class="indent">with hash browns & choice of meat<span class="subprice">$9.50</span></p>
	        </div>
	      </div>
	    </div>
<div class="breakfastsides col-md-4">
	      <div class="menu-item">
	        <img src="<?php echo get_stylesheet_directory_uri() ?>/images/breakfastmeat.jpg" alt="Breakfast Meat" class="menu-img">
	        <div class="menu-desc">
	          <span class="price">$3.50</span>
	          <h4>Breakfast Meat</h4>
	        </div>
	      </div>
	    </div>
<div class="lunch col-md-4">
	      <div class="menu-item">
	        <img src="<?php echo get_stylesheet_directory_uri() ?>/images/hamburger.jpg" alt="Hamburger" class="menu-img">
	        <div class="menu-desc">
	          <span class="price">$7.50</span>
	          <h4>Hamburger</h4>
	          <p class="indent">Make it a deluxe!<span class="subprice">$0.50</span></p>
	        </div>
	      </div>
	        </div>
<div class="dinner col-md-4">
	      <div class="menu-item">
	        <img src="<?php echo get_stylesheet_directory_uri() ?>/images/chickenfriedsteak.jpg" alt="Chicken Fried Steak" class="menu-img">
	        <div class="menu-desc">
	          <span class="price">$11.50</span>
	          <h4>Chicken Fried Steak</h4>
	          <p>Served with choice of potato, veggie, and brown gravy</p>
	        </div>
	      </div>
	    </div>
<div class="sandwiches col-md-4">
	      <div class="menu-item">
	        <img src="<?php echo get_stylesheet_directory_uri() ?>/images/frenchdip.jpg" alt="French Dip" class="menu-img">
	        <div class="menu-desc">
	          <span class="price">$8.50</span>
	          <h4>French Dip</h4>
	          <p>Served with your choice of fries, potato soup, or salad</p>
	        </div>
	      </div>
	    </div>
<div class="lunchsides col-md-4">
	      <div class="menu-item">
	        <img src="<?php echo get_stylesheet_directory_uri() ?>/images/mashed.jpg" alt="Mashed Potatoes" class="menu-img">
	        <div class="menu-desc">
	          <span class="price">$3.00</span>
	          <h4>Mashed Potatoes</h4>
	        </div>
	      </div>
	    </div>

(@bcworkz)

Hace 2 a帽os

Los elementos del selector de jQuery no est谩n en su p谩gina HTML. Sin enlaces de men煤 de ID, sin elementos li, sin elementos de anclaje. Puedo ver que esos elementos se mencionan en la p谩gina a la que est谩 vinculado. Primero devuelva los elementos correctos para los que se ejecutar谩 jQuery. Si a煤n tiene problemas, consulte la consola de su navegador para ver si hay errores que deban corregirse.

驴Solucion贸 tu problema??

0 / 0

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *