【发布时间】:2014-01-22 20:49:48
【问题描述】:
尝试在 Big Bike Parts, Inc. 处实现 jQuery 角页剥离
目前我们的网站与我们的库存管理系统集成,网站上显示的所有信息实际上都存储在我们的 Microsoft Dynamics SQL 数据库中。
我们能够将各种图像添加到我们的产品页面,并使用以下代码元素完成了此操作:
产品.vb
'PROMO IMAGE
Public ReadOnly Property PROMOIMG() As String
Get
Return m_dictData("PROMOIMG")
End Get
End Property
产品.aspx
<div class="ProductTemplate_Promo">
<img src="<%=Vroot %>/<%# Eval("PROMOIMG")%>" />
</div>
这很有效,允许我们在库存管理系统中设置图像的路径,并且只需一行代码即可为产品页面提取所有不同的图像。
我想将其合并到同一页面上的 jQuery 脚本中,例如:
<script src="<%=Vroot %>/script/pagepeel/jquery.peelback.js"></script>
<%-- PAGE PEEL IMAGE --%>
<%If (m_dictProductDict.Exists("PROMOIMG")) Then%>
<script>
$(function() {
$('body').peelback({
adImage : '<%=Vroot %>/<%# Eval("PROMOIMG")%>',
peelImage : '<%=Vroot %>/script/pagepeel/assets/peel-image.png',
clickURL : 'http://www.bigbikeparts.com/',
smallSize: 50,
bigSize: 500,
gaTrack : true,
gaLabel : 'Big Bike Parts',
autoAnimate: true
});
});
</script>
此代码在实践中有效,因为它仅在我们的库存系统中的 PROMOIMG 字段中识别图像的产品上显示此页面剥离效果。但是,<%# Eval("PROMOIMG")%> 似乎在 <script> 标记内不起作用。
是否有访问此变量的替代解决方案?我们使用了<%=Vroot %>/script/pagepeel/demo/peel-ad.png,但是这不允许我们为不同的部分制作不同的页面剥离。
谢谢!
【问题讨论】: