Question

需要帮助:)我有一段代码，如下：

<head>
        <meta charset="utf-8">
        <title></title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href='https://fonts.googleapis.com/css?family=Raleway:300' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" type="text/css" href="hexagons.css">
        <script src="jquery-3.2.1.min.js"></script>
        <script type="text/javascript">
//            function disp(){
//                document.getElementById('hexGrid').style.display = 'none';
//            }
        </script>
    </head>
    <body>
   <iframe name="display" id="display_template"></iframe>

    <ul id="hexGrid">
        <?php
        foreach ($dirs as $link) {
            if ($link != 'assets') {
            echo '
            <li class="hex">
                <div class="hexIn">
                    <a class="hexLink" href="'.$linkArray[$link].'" onclick="disp(); return false;" target="display" >
                        <img src="assets/dir.png" alt="'.$link.'" />
                        <h1>' . $link . '</h1>
                        <p>Redirect to template</p>
                    </a>
                </div>
            </li>
            ';
            }
        }
        ?>
    </ul>
    </body>

我想在onClick at链接上实现这一点，＃hexGrid会将显示样式更改为none，同时iframe将加载一些内容。

当JS被评论时，在点击时，iframe正确加载了所选内容，但是当JS处于活动状态时，它只是隐藏#hexGrid而不将内容加载到iframe中。

知道出了什么问题吗？：）

Answer 1

解决方案发现应该有onclick =“disp（）;返回true;”而是onclick =“disp（）;返回false;”

为什么元素隐藏但不将内容加载到iframe中

1 个答案: