Почему jQuery и цикл не работают в Wordpress? - PullRequest
Новая
       14

Почему jQuery и цикл не работают в Wordpress?

1 голос
/ 24 октября 2009

Я действительно борюсь с этой проблемой ..

Я хочу, чтобы мое WordPress index.php показало слайд-шоу из моего популярного поста через цикл, но хорошо .. Wordpress не будет.

Сначала я поставил в очередь цикл и мой скрипт в шапке: 

<?php
   wp_enqueue_script('jquery.cycle.all.min', '/wp-content/themes/black1/js/jquery.cycle.all.min.js', array('jquery'));
   wp_enqueue_script('jquery_script', '/wp-content/themes/black1/js/jquery_script.js');
?>

Это мой скрипт jQuery: 

$(document).ready(function(){  
$('#slideshow').cycle({ 
    fx: 'fade' 
});
});

Затем я поместил этот код в index.php моего шаблона, чтобы показать 5 последних сообщений в избранной категории: 

<div id="slideshow">
<?php query_posts('cat=88&showposts=5'); ?>
<?php while (have_posts()) : the_post(); ?>
<div class="slideshow_post">
    <div class="slideshow_overlay">
        <h2 class="topTitle"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
        <p class="byline"><?php echo get_post_meta($post->ID, 'beschreibung', true); ?></p>
    </div>
    <a class="slideshow_pic" href="<?php the_permalink() ?>"><img src="images/testbild.jpg" alt="test"/></a>
</div>
<?php endwhile;?>

С оверлеем и прочим он выглядит довольно аккуратно, но не анимируется - просто помещает 5 постов один под другим.

А вот и мой CSS: 

#slideshow {
  width: 700px;
  height: 400px;
  background: #ccc;
  margin: 0 0 20px 0;
  border: 1px solid #ddd;
  }
.slideshow_post{
  width: 640px;
  height: 360px;
  background: #777;
  padding: 2px;
  position: relative;
  }
.slideshow_overlay {
  width: 640px;
  height: 100px;
  position: absolute;
  background: url(images/overflow.png) repeat;
  clear: none;
  bottom: 0;
  }
a.slideshow_pic{
  width: 640px;
  height: 360px;
  overflow: hidden;
  padding: 0;
  }

Что меня действительно настраивает, так это то, что эта анимация с CSS и прочим работала на новой HTML-странице. ???

Что я делаю не так?

Привет из Германии Kain

...