在占位符中动态创建的用户控件中的Css和js文件引用
在占位符中动态创建的用户控件中的Css和js文件引用
提问于 2013-08-29 08:18:13
我创建了一个只有一个图像的用户控件。我在web表单中创建带有占位符的用户控件。
在用户控件中，我添加了CSS和js文件的引用，但在图像下没有影响。
注意:图像出现在web表单中。
这是用户控件：
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="IVT_DisplayImage.ascx.cs" Inherits="Sublayout_IVT_DisplayImage" %>
<link href="~/css/demo.css" rel="stylesheet" type="text/css" />
<link href="~/css/imagezoom/imagezoom.css" rel="stylesheet" type="text/css"
/>
<script src="~/js/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="~/js/jquery.imagezoom.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#imgIdCard').ImageZoom();
});
</script>
<div class="page">
<div class="box cf">
<div class="left"> <span class="demowrap">
<asp:Image ID="imgIdCard" runat="server" />
</span>
</div>
</div>
</div>这是网页表格：
<div>
<asp:placeholder ID="plhDisplayImage" runat="server"></asp:placeholder>
</div>这是web表单背后的代码：
Sublayout_IVT_DisplayImage ivtDisplayImage = new Sublayout_IVT_DisplayImage();
protected void Page_Load(object sender, EventArgs e) {
ivtDisplayImage = (Sublayout_IVT_DisplayImage) LoadControl("~/Sublayout/IVT_DisplayImage.ascx");
ivtDisplayImage.ImageURL = "~/demo_assets/large/1.jpg";
plhDisplayImage.Controls.Add(ivtDisplayImage);
}这是文件夹的结构：
css/
demo.css
css/imagezoom/
imagezoom.css
js/
jquery-1.8.3.min.js
jquery.imagezoom.min.js
Sublayout/
IVT_DisplayImage.ascx
Root:
Default.aspx回答 1
Stack Overflow用户
回答已采纳
发布于 2013-08-29 08:24:51
我认为这是一个路径问题，尝试从用户控件中的路径中删除~。编辑:尝试用~替换..
编辑：我看到你通过ID锁定图像，但这是一个runat="server"控件。因此，它将以不同的ID呈现(在HTML中可以看到)。
要通过ID (在JQuery中)锁定图像，您必须解析客户端Id (您可以找到许多关于如何这样做的主题)，但您将无法在CSS中这样做。
因此：：您可以给图像一个类，并通过类选择器(在JQuery和CSS中)锁定图像。这是最简单的方法。
最终解决方案(来自所有者响应)--我在web表单中添加了引用，并将其删除到用户控件中，运行良好。感谢您的支持，但确实，ID是一个问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18505623
复制相关文章
相似问题
腾讯云开发者
