Question

所以我有两个观点：

1。viewarea.scala.html

@(name:String, tags:String, id:String)
@Main("Area") {
....
<ul id="areaFeat">

//the ul that I want to fill

</ul>
</div>
}

2。areaDescription.scala.html

@(id:String)
@Main("Description Area"){

    <form action="@routes.Application.PostAreaDescription(id)" method="POST">
            <textarea cols="40" rows="5" class="form-control" name="textarea"></textarea>
            <input type="submit" id="postDescArea">
    </form>

    <script>

    $(document).ready(function(){
    $('#postDescArea').click(function(){

      alert("clicked...");

      $("#areaFeat").append('<li><a href="@routes.Application.viewDescription(id)">Description</a></li>');

            });
        });

    </script>
}

我只是希望在按下该按钮时将li元素添加到ul（从第一个视图）。
我的alert继续......但是我无法追加li ...我不知道我做错了什么......有人可以帮忙吗？
谢谢！

Answer 1

我不知道我在做什么＆＃39;错？

viewarea.scala.html和areaDescription.scala.html是不同的页面（因为你在viewarea中包含areaDescription）。你正在调用其他页面上的ul tag id。要确认您还可以检查浏览器控制台。还要检查is it use JavaScript in one document to change HTML in another?

playframework：jQuery：从一个视图向一个列表添加一个元素，从另一个视图添加一个onclick按钮

1 个答案: