Problema con id autoincremental en generación de películas relacionadas

  • Autor Autor Juanjo87
  • Fecha de inicio Fecha de inicio
J

Juanjo87

Gamma
Diseñador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Buenas noches.
Pues tengo en el fuction.php este código:

PHP:
function related_posts2(){
    global $post;
// get the custom post type's taxonomy terms
 
$custom_taxterms = wp_get_object_terms( $post->ID, 'año', array('fields' => 'ids') );
// arguments
$args = array(
'post_type' => 'pelicula',
'post_status' => 'publish',
'posts_per_page' => 20, // you may edit this number
'orderby' => 'title',
'order'   => 'ASC',
'tax_query' => array(
    array(
        'taxonomy' => 'año',
        'field' => 'id',
        'terms' => $custom_taxterms
    )
),
'post__not_in' => array ($post->ID),
);
$related_items = new WP_Query( $args );
// loop over query
if ($related_items->have_posts()) :
echo ' ';

while ( $related_items->have_posts() ) : $related_items->the_post();
?>



<?php

endwhile;
echo '</div></div></div></div>';
endif;
// Reset Post Data
wp_reset_postdata();
}

?>

lo que hace es relacionarme las películas en este caso por genero y lo tengo configurado para que me muestre 20 películas en orden ascendente, el problema es que las 20 películas me las genera todas con el mismo id y la misma clase, "la clase que le asigno a todas a de ser la existente para todas igual, el id no tiene por que serlo" por lo tanto si intento hacer una llamada desde jquery a una sola película relacionada, me es imposible ya que me llama a todas pues todas tienen el mismo id.

Alguien sabe como puedo decirle a jquery que seleccione el id sobre el que estoy, pues esto no funciona:
PHP:
$(function(){
$("img#aa ").mouseover(function(event){
      $("#aa").toggleClass("maimai");
   });
 
Última edición:
[MENTION=155885]juanjofurtado[/MENTION]:

PHP:
$(function(){ 
$("img#aa ").mouseover(function(event){ 
      $(this).toggleClass("maimai"); 
   });

XD
 
Gracias kanikase era lo que buscaba :encouragement:

- - - Actualizado - - -

vale pues consigo seleccionar de uno en uno con el jquery q me as mandado kanikase pero como ago entonces ahora para quitarle la clase pulsando en otra imagen u otro div?
intento esto y no puedo

PHP:
<script>
$(function(){
  $("#ocultar").on( "click", function(){
      $("img#aa").removeClass("AA");
	
   });

   });
</script>

asi queda lo que tengo pero no me elimina la clase

PHP:
<script>
$(function(){

    $("img#aa").on( "click", function(){
      $(this).addClass("AA");
	
   });

   });
</script>


<script>
$(function(){
  $("#ocultar").on( "click", function(){
      $("img#aa")removeClass("AA");
	
   });

   });
</script>

- - - Actualizado - - -

Asi consigo lo que quiero, aun que no de la forma correcta:

PHP:
<script>
$(document).ready(function(){
   $("img#aa").click(function(event){
      $(this).addClass("AA");
   });
   $("img#aa").mouseover(function(event){
      $("img#aa").removeClass("AA");
   });
});
</script>

necesito que se elimine al hacer click no over.Si lo dejo asi:

PHP:
<script>
$(document).ready(function(){
   $("img#aa").click(function(event){
      $(this).addClass("AA");
   });
   $("img#aa").on("click", function(event){
      $("img#aa").removeClass("AA");
   });
});
</script>

no funciona.

- - - Actualizado - - -

Vale, ahora mismo tengo el codigo asi
PHP:
<script>
$(document).ready(function(){
   $("img#aa").click(function(event){
      $(this).addClass("AA");
	  $(".owl-carousel .owl-item").addClass("BB");
   });
   $("img#aa").mouseenter(function(event){
      $("img#aa").removeClass("AA");
	 
	  $('#destino').slideUp(600);
	  
   });
});
</script>


	
<script type="text/javascript">
function showFicha(id){
	
	$("#destino").slideDown(500)
	.html("<div id='load'  ></div>");		
	jQuery.post(
		"/peliculas/wp-admin/admin-ajax.php", 
		{
		'action': 'mostrar_ficha',
		'post_id':   id
		}, 
		
	function(response){
		
		$("#destino").html(response);
		$("#aa2,#ocultar").on( "click", function() {
			  $(".owl-carousel .owl-item").removeClass("BB");
			$('#destino').slideUp(500); //oculto mediante id
		$("img#aa").removeClass("AA");
		});

	
	});
}
</script>

funciona perfecto, excepto, que deseo que se realice la misma función pero en vez de con hover con un click. Alguien??
 
Última edición:
Atrás
Arriba