есть ползунок артефакта на основе начальной загрузки на моей странице, я определяю глобальную переменную (в java-скрипте) для подсчета количества артефактов, возвращающихся с сервера, чтобы заполнить два разных div разными классов. но когда я использую мою переменную в шаблоне Jquery (мой, если случай), я получаю ошибку нижене может использовать глобальную переменную внутри моего шаблона jQuery
TypeError: k.nodes неопределен
и когда я пытаюсь войти мою переменную (» artifactCounterV ") в console.log(), после вывода значения переменной, я получаю эту ошибку
TypeError: не может преобразовать примитивного типа
это мой homePage.jsp
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>home page</title>
<script language="javascript" type="text/javascript">
var restUrl = "<c:url value = '/rest/core/goods/products/book' />";
var restUrlOrderItem = "<c:url value = '/rest/order/orderItem/front/addToBasket/' />";
var artifactCounterV = 1;
$(function() {
fillTable();
});
function artifactCounter()
{
return artifactCounterV++;
}
function fillTable() {
$('#entityBody' + ' :not(script)').remove();
$.getJSON(restUrl + "/front/list/getAll", function(entities) {
if (entities.entityList)
$('#GridRowTemplate').tmpl(entities.entityList).prependTo(
'#entityBody');
else {
$('#GridRowTemplate').tmpl(entities).prependTo("#entityBody");
}
});
}
function addToShoppingCart(productId) {
$.ajax({
type : "POST",
url : restUrlOrderItem + productId,
success : function(res) {
if (res)
return res.id
}
});
}
function goToBasketPage(){
window.location="<c:url value ='/View/frontEnd/cart/Index.jsp'/>";
}
</script>
</head>
<body>
<span id="confirm"></span>
<%@ include file="Header.jsp"%>
<%@ include file="TopMenu.jsp"%>
<%@ include file="Commercial.jsp"%>
</body>
</html>
и вот мой artifactSlider.jsp
artifactSlider.jsp является icluded внутри commercial.jsp и нет Java код сценария в коммерческой странице, его чистый HTML.
<!------------- product-slider ----------->
<div id="carousel-example" class="carousel slide hidden-xs "
data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div id="entityBody" class="entityBody">
<script id="GridRowTemplate" type="text/html">
${console.log(artifactCounterV)}
{{if artifactCounterV == 1 }}
<div class="item active">
<div class="row">
{{/if}}
{{if artifactCounterV==6}}
<div class="item">
<div class="row">
{{/if}}
<div class="col-sm-2 item-holder">
<div class="col-item">
<div class="photo">
<img
src="<c:url value='/rest/attachment/front/getFile/' />${pictureCode}"
class="img-responsive" />
</div>
<div class="info">
<div class="row">
<div class="price col-md-12">
<h5>${name}</h5>
<h5 class="price-text-color separator">
<span>price: </span> ${price} $
</h5>
</div>
</div>
<div class="separator">
<p class="btn btn-default col-md-12">
<i class="fa fa-shopping-cart"></i> <span href=""
class="hidden-sm" onclick="addToShoppingCart(${id})">add to basket</span>
</p>
<p class="btn btn-default col-md-12">
<i class="fa fa-list"></i> <a class="hidden-sm" href="">more</a> <span style="display: none">${artifactCounter()}</span>
</p>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
{{if artifactCounterV==6 || (artifactCounterV>6 && artifactCounterV<=12) }}
</div>
</div>
{{/if}}
</script>
</div>
</div>
</div>
<!------------- product-slider ----------->
Ваш код JS включен перед выполнением DOM или после? – Cruiser
это где-то мы можем отлаживать? –
дорогой @Cruiser я отредактировал мои коды, как это реально в моем примере –