我正在处理的项目在CSS文件中有硬编码的URL,如下所示:
a.edit
{
background: url(/TestSite/Images/Edit.png) no-repeat top left;
display: inline-block;
width: 16px;
height: 16px;
padding:1px;
margin:1px;
text-indent: -9999px; /* hides the link text */
}
当网站转移到生产时,这些链接会中断.我正在寻找一个解决方案,所以它只适用于网站运行的地方.
这就是我提出的并且它有效,但我想知道是否有更好的方法:
<script>
$(document).ready(function () {
$("a.edit").css('background', 'url(' + $("body").data("baseurl") + 'Images/Edit.png) no-repeat top left');
});
</script>
<body data-baseurl="~/">...</body>
我在WPF页面上有一个WebBrowser控件.加载到WebBrowser控件中的HTML页面显示WPF应用程序的图像.我有一个从WPF页面到HTML页面的JavaScript回调,告诉页面图像已经改变并重新加载图像.我似乎无法找到任何方式告诉浏览器标签中的基础文件已更改.
我如何重新加载img？
我试过改变src属性,我也厌倦了这样的事情:
$("#img1").attr("src", "");
$("#img2").attr("src", "");
$("#img1").attr("src", image1);
$("#img2").attr("src", image2);
第一次调用该函数时,将显示图像.更改图像并再次调用该功能时,原始图像将保留.
我想我在这里缺少一些简单的东西.最初手风琴看起来很好.我有一个替换和手风琴的Ajax调用,但在它被替换后,它看起来不像手风琴.问题在下面提炼.
小提琴:http://jsfiddle.net/tzerb/5nJH7/
HTML:
<div id="theAcc">
<h3><a href="#">1</a></h3>
<div>One</div>
<h3><a href="#">2</a></h3>
<div>Two</div>
<h3><a href="#">3</a></h3>
<div>Three</div>
</div>
?<button id="btnReplace">Replace</button>??????????????????
使用Javascript:
$(function() {
$( "#theAcc" ).accordion();
});
?$("#btnReplace").click(function() {
$("#theAcc").html("<h3><a href='#'>A</a></h3><div>AAAA</div><h3><a href='#'>B</a></h3><div>BBBB</div><h3><a href='#'>C</a></h3><div>CCCC</div>");
});????????????
任何反馈都表示赞赏.
TIA.