Question

我有一个返回html的AJAX调用，所以我只是在我的javascript中调用$（“＃my-div”）。html（data）。

但是，我使用的是twbsPagination，需要通过javascript设置元素。

html元素定义为

<input type="hidden" name="totalPageCount" id="totalPageCount" value="${totalPageCount}"/>
<ul id="pagination" class="pagination-sm"></ul>

和javascript是：

   callingFunction() {
     data = doAjaxCall().done(myFunction);
   }

  myFunction(data) {
     $('#pagination').twbsPagination({
            totalPages: $("#totalPageCount").val(),
            visiblePages: 5,
            onPageClick: function (event, page) {
                ...
            }
        });

     $("#my-div").html(data);
  }

即使我已确认隐藏字段totalPageCount具有正确的值$（“＃totalPageCount”）。val（）返回空字符串。我猜这是因为它正在寻找只存在于数据html中的这个元素，而不是jquery所看到的那部分。

传递此类数据的标准方法是什么？

Answer 1

我能够通过切换执行javascript的顺序来解决这个问题。

 $("#my-div").html(data);

 $('#pagination').twbsPagination({
        totalPages: $("#totalPageCount").val(),
        visiblePages: 5,
        onPageClick: function (event, page) {
            ...
        }
    });

首先替换HTML，jquery能够找到该元素。

将数据从jsp传递到javascript

1 个答案: