Question

我将以下Jquery用于日历http://keith-wood.name/datepick.html

我的来源如下

<script type="text/javascript">
$(function()
{
$('#ctl00_ContentPlaceHolder1_textbox1').datepick({showOnFocus: false, showTrigger: '#calImg'});
});
</script>

<asp:TextBox ID="textbox1" runat="Server">
</asp:TextBox>
<img src="calendar.gif" alt="Popup" id="calImg" class="trigger" />

但是当我在浏览器上看到为什么会发生这种情况时，我会收到多张图片

Link http://i53.tinypic.com/2v0ykd1.png

Answer 1

我不知道这个插件在内部是如何工作的，但是您可以在示例中看到http://keith-wood.name/datepick.html - ＆gt; Invocation - ＆gt;仅从图像中看到它们隐藏原始图像：

<div style="display: none;"> 
    <img id="calImg" src="img/calendar.gif" alt="Popup" class="trigger"> 
</div>

Answer 2

由于某种原因，datepick-plugin克隆了图像。可能的解决方法是在加载datepicker后删除图像。

<script type="text/javascript">
$(function()
{
$('#ctl00_ContentPlaceHolder1_textbox1').datepick({showOnFocus: false, showTrigger: '#calImg'});
$("#calImg").remove();
});
</script>

为什么我在jquery中使用Function（）时获取多个图像

2 个答案: