Question

喜所有我正在使用wordpress项目，我使用右手边的手风琴，但所有的链接都在IE8中相互叠加其工作正常的mozzila所以plz帮助我的代码是

<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>

所以请帮助我

Answer 1

您是否检查过您是否正确设置了DOCTYPE？要使Tiny手风琴工作，您需要以下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”>

Answer 2

嘿，也许我只是愚蠢但不应该：

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通常对关闭标签要严格一些。希望有帮助=]

WordPress中的Javascript手风琴菜单问题

2 个答案: