jquery - playframework:jQuery:将元素从 View append 到列表，从另一个 View 单击按钮

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(从第一个 View )。
我的警报继续...但我无法 append li...我不知道我做错了什么...有人可以帮忙吗？
谢谢!

Answer 1

I do not know what I am doin' wrong?

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