带有JS脚本的Thymeleaf onclick属性在Spring中不起作用

Question

I have a table generated through:

<tr *some other th tags* th:onclick="'javascript:openPoolModal(\\''+ ${networkHashrate.id} + '\\');'">

I have a openPoolModal function in static/js/openPoolModal.js

I have added a <script type="text/javascript" src="../js/openPoolModal.js"></script> to the .html file header where the function is used.

The function looks like this:

function openPoolModal(id){

$.ajax({
    url: "/" + id,
    success: function(data){
    $("#PoolModalHolder").html(data);
    $("#PoolModal").modal("show");
    }
});
}

What am I missing?

Answer 1

I think this is a directory problem. You're including the js file by calling this script from your html file:

<script type="text/javascript" src="../js/openPoolModal.js"></script>

But if your html file is in directory resources/templates/ then this script is trying to call resources/js/openPoolModel.js which isn't where your Javascript file is.

Adding the js function directly to the html file called the function so your script and directory is wrong.