playframework：jQuery：从一个视图将元素附加到列表，从另一个视图单击按钮

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

I do not know what I am doin' wrong?

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

playframework：jQuery：从一个视图将元素附加到列表，从另一个视图单击按钮

playframework: jQuery: append an element to a list from a view, onclick button from another view

jquery

append

html-lists

playframework