Javascript проблема аккордеонного меню в WordPress - PullRequest
0 голосов
/ 03 января 2011

привет все, над чем я работаю над проектом WordPress, я использовал аккордеон для правой боковой панели, но все ссылки перекрывают друг друга в IE8, его нормально работает mozzila, так что помогите плз мой код

<script>
var parentAccordion=new TINY.accordion.slider("parentAccordion");
parentAccordion.init("acc","h4",1,-1);

var nestedAccordion=new TINY.accordion.slider("nestedAccordion");
nestedAccordion.init("nested","h4",1,-1,"acc-selected");
</script>

<div class="widget-container widget_categories">
<?php
$args = array('parent'=>0,'hide_empty'=>0);
$cats = get_categories($args);

echo '<ul id="acc" class="acc">';
foreach($cats as $key => $val)
{
    $args1=array(
        'showposts' => 10,
        'category__in' => array($val->term_id),
        'caller_get_posts'=>1
    );
    $post=get_posts($args1);

    echo '<li><h4>'.$val->name.'</h4>';
    echo '<div class="" style="opacity: 0; height: auto;">';
    echo '<ul id="nested" class="acc">';

    if(isset($post) && !empty($post))
    {
        foreach($post as $key1 => $val1)
        {
            echo '<li class="cat-item"><a title='.$val1->post_title.' href='.$val1->guid.'>'.$val1->post_title.'</a>';
        }
    }

    $subcats = get_categories(array('parent'=>$val->term_id,'hide_empty'=>0));

    if(isset($subcats) && !empty($subcats))
    {

        foreach($subcats as $k => $v)
        {
            echo '<li><h4 class="">'.$v->name.'</h4>';

            $args2=array(
                'showposts' => 10,
                'category__in' => array($v->term_id),
               'caller_get_posts'=>1
            );
            $post1=get_posts($args2);

            if(isset($post1) && !empty($post1))
            {
                echo '<div class="" style="opacity: 1; height: auto;">';
                echo '<ul class="children" style="padding-left:15px;">';
                foreach($post1 as $key2 => $val2)
                {
                    echo '<li><a title='.$val2->post_title.' href='.$val2->guid.'>'.$val2->post_title.'</a></li>';
                }
                echo '</ul></div>';
            }

        }

    }

    echo "</ul>";
    echo "</li>";
}
echo '</ul>';
?>
</div>

так что помогите мне

Ответы [ 2 ]

0 голосов
/ 03 января 2011

Эй, может быть, я просто тупой, но не должен:

echo '<li class="cat-item"><a title='.$val1->post_title.' href='.$val1->guid.'>'.$val1->post_title.'</a>';

быть

echo '<li class="cat-item"><a title='.$val1->post_title.' href='.$val1->guid.'>'.$val1->post_title.'</a></li>';

Я вижу, что Firefox умен в вещах, но IE частонемного более строгий в отношении закрытия тегов.Надеюсь, это поможет =]

0 голосов
/ 03 января 2011

Вы проверили, правильно ли настроили DOCTYPE?Чтобы крошечный аккордеон работал, вам нужен следующий тип документа, просто добавьте его вверху файла.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...