Jquery - Показ слайдера не работает - PullRequest
Новая
       13

Jquery - Показ слайдера не работает

0 голосов
/ 05 ноября 2010

Хорошо, вот моя проблема.

Я потратил, вероятно, около 10 часов, чтобы попытаться разместить слайдер рекомендуемого контента на моем веб-сайте.Пытаясь со всем, что я могу придумать.Попытка, вероятно, 3 разных версий одного и того же слайдера.

URL-адрес: http://www.heartofphoto.com/slidetest/

Но в любом случае, вот что у меня сейчас происходит:

В заголовке яНам удалось получить это: 

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script type='text/javascript'>try{jQuery.noConflict();}catch(e){};</script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.3/jquery-ui.min.js'></script>

Наличие или отсутствие части "noconflict", похоже, не имеет значения.И я считаю, что часть noconflict появилась после того, как я установил плагин "google libary" для Wordpress.

А вот скрипт, который у меня есть внутри страницы, который должен отображать слайдер: 

<script type="text/javascript">

jQuery(document).ready(function(){
    jQuery("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});
</script>

Наличие этого файла в файле "featured.php", который я сделал, или наличие его в файле header.php, который включен вверху, не имеет значения.

Так что кто-нибудь знает, кто ячто-то не так?

Некоторые правки: Я получаю ошибку SCRIPT438: Объект не поддерживает это свойство или метод в слайд-тесте, строка 139 символов 3. Что это за строка: 

jQuery("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);

И дляте из вас, кто хотел посмотреть мой HTML.Эта версия на самом деле использует php для получения данных: 

<div id="featured" >
      <ul class="ui-tabs-nav">
<?php
$postcount = 0;
$featured_query = new WP_Query('cat=29');
while ($featured_query->have_posts()) : $featured_query->the_post();
    get_the_ID();
    $postcount++;
?>
<?php
// get the image filename
$value_feat_img = get_post_custom_values("thumbnail");
if (isset($value_feat_img[0])) { ?>
        <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-<?php echo $postcount; ?>"><a href="#fragment-<?php echo $postcount; ?>">

        <img src="<?php echo bloginfo('template_url'); ?>/thumb.php?src=<?php echo get_post_meta($post->ID, "thumbnail", $single = true); ?>&amp;h=50&amp;w=80&amp;zc=1&amp;q=95" alt="<?php the_title(); ?>" /><span><?php the_title(); ?></span></a><?php } ?>
</li>
          <?php endwhile; ?>

      </ul>

<?php
$postcount = 0;
$featured_query = new WP_Query('cat=29');
while ($featured_query->have_posts()) : $featured_query->the_post();
    get_the_ID();
$postcount++;
?>

    <!-- Content -->
    <div id="fragment-<?php echo $postcount; ?>" class="ui-tabs-panel" style="">
    <?php   // get the image filename
                        $value_img = get_post_custom_values("thumbnail");

if (isset($value_img[0])) { ?>            

        <img src="<?php echo bloginfo('template_url'); ?>/thumb.php?src=<?php echo get_post_meta($post->ID, "thumbnail", $single = true); ?>&amp;h=300&amp;w=390&amp;zc=1&amp;q=95" alt="<?php the_title(); ?>" />

        <?php } ?>
         <div class="info" >

            <h2><a href="<?php the_permalink() ?>" ><?php the_title(); ?></a></h2>
            <?php the_excerpt(); ?>
         </div>
    </div>
<?php endwhile; ?>

</div>

Ответы [ 2 ]

0 голосов
/ 06 ноября 2010

Похоже, оригинальный создатель темы неуклюже отложил старую версию jQuery в нижнем колонтитуле.

Снятие этого заставило мой ползунок начать работать.

0 голосов
/ 05 ноября 2010

Может быть, глупый вопрос, но все ли пробелы в вызове библиотеки Google действительно присутствуют в вашем коде?IE 

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2    /jquery.min.js'></script>

Я спрашиваю, потому что это недопустимая ссылка на jQuery, поэтому не имеет значения, конфликт существует или нет, jQuery не будет определен.

...