个人中心
gpt4 book ai didi

javascript - 无法在我的 jquery 模板中使用全局变量

转载 作者：行者123 更新时间：2023-11-28 05:08:24 24 4
gpt4 key购买 nike

我的页面上有一个基于 Bootstrap 的工件 slider ，我定义了一个全局变量(在java脚本中)来计算从服务器返回的工件数量，以用不同的类填充两个不同的div。但是当我在 jquery 模板中使用我的变量(我的 if 情况)时，我收到以下错误

类型错误:k.nodes未定义

当我尝试在 console.log() 中记录变量(“artifactCounterV”)时，打印变量的值后出现此错误

类型错误:无法将 a 转换为原始类型

这是我的 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包含在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 ----------->

最佳答案

我记得尝试过类似的事情，问题是我必须在窗口或文档对象上创建变量。

关于javascript - 无法在我的 jquery 模板中使用全局变量，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41571936/

24 4 0
文章推荐： javascript - 如何刷新模板中存在的指令并且指令具有自己的数据范围
文章推荐： javascript - 在没有浏览器滚动的情况下，div 比浏览器宽
文章推荐： javascript - 单行注释会破坏 JavaScript 的执行
文章推荐： JavaScript。上传前旋转图像
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com