javascript - 炫耀无法站出来的内容

Question

就是这样，当你点击提交时，内容会出现在一个框中，

问题是内容在某些地方根本没有出现。即使我点击提交按钮。

这就是我从数据库中下载内容以显示在页面上的方式。

PHP/HTML

if ($stmt = $this->mysqli->prepare('SELECT title, filenavn FROM dwopgaver')) { 
    $stmt->execute();
    $stmt->bind_result($title, $filenavn);
    while ($stmt->fetch())
    {
        if($point >= 30)
        {
            ?>
            <div class="dwopgave">
                <strong><?php echo $title;?></strong>
                <form action="#" method="post">
                    <input type="submit" name="dw" value="Download" class="dwopgavenuogher">
                </form>
                <div class="dwbox">
                    <a href="/opgaveFile/<?php echo $filenavn;?>" target="_black"><?php echo $title;?></a>
                </div>
            </div>
            <?php
        } else {
            ?>
            <div id="error"><?php echo $fornavn . " " . $efternavn;?> har ikke 30 point på din bruger!, <b>Du har kun <?php echo $point;?> point</b></div>
            <?php
        }
    }
    $stmt->close();
}

查询

$(".dwopgavenuogher").click(function() {
    $(".dwbox").slideDown("slow",function() {
    });
});

CSS

.dwopgave {
    padding: 2px 3px;
    margin: 2px 0px;
    border-bottom: 1px solid #999;
    clear: both;

    text-align: center;
}
.dwbox {
    display: none;
    color: Red;
    font-weight: bold;
}

问题是它不会出来，我希望，例如包含 1 也只显示内容 1'en 内容。

我现在已经做到了:

   <div class="dwopgave">
<button id="SlideToDown"><?php echo $title;?> - Download nu</button>
<div class="dwbox">
    <a href="/opgaveFile/<?php echo $filenavn;?>" target="_black"><?php echo $title;?></a>
</div>
</div>
<script> 
$(document).ready(function () {
    $(".dwopgavenuogher").click(function() {
        $(".dwbox").slideDown("slow",function() {
        });
    });
});
</script>

如果我这样做，那么所有人都会站出来显示，但是例如，如果我点击嘿嘿，那么内容也会显示，它不会像我在这里显示的那样:

Selenium imega here

Answer 1

您是否将 jquery 代码放入 ready 函数中？

$(document).ready(function(){
    // your code...
});