传递动态路径时出现问题

时间:2015-12-01 09:19:24

标签: javascript jquery css html5

我尝试了很多方法并花了很多时间来传递我的动态上下文路径,但它显示了一些语法错误。我的代码如下:

$(document).ready(function(){ 
    Test.MODEL.HTMLVideoElement('demo', '/images/blue.jpg');
    Test.MODEL.videoControls();
    Test.LOGIC.APP();
});

在上面的代码中,我需要传递动态路径来代替'/images/blue.jpg'。动态路径为${context}${Test.bgImage.imagePath}

请提出任何建议。

1 个答案:

答案 0 :(得分:0)

看看你是否符合不引人注目的javascript标准,那么你可以做的就是在包含现成脚本之前使用脚本块。

因此,在jsp上你可以创建一个脚本块:

<script type='text/javascript'>
    var obj = {
         context : '${context}',
         imagePath : '${Test.bgImage.imagePath}'
    };
</script>

现在,在准备好的脚本中,您可以参考此obj

$(document).ready(function(){ 
    Test.MODEL.HTMLVideoElement('demo', obj.context + '/' + imagePath ); //<---use here
    Test.MODEL.videoControls();
    Test.LOGIC.APP();
});

或者您可以在元素本身上使用data-*属性,如:

<video id='demo' data-context='${context}' data-imgpath='${Test.bgImage.imagePath}'>
</video>

然后在脚本中你可以使用它:

$(document).ready(function(){ 
    var ctx = $('#demo').data('context'); // get context
    var imgpath = $('#demo').data('imgpath'); // get imgpath
    Test.MODEL.HTMLVideoElement('demo', ctx + '/' + imgpath ); //<---use here
    Test.MODEL.videoControls();
    Test.LOGIC.APP();
});