给DataList中的图片添加js只有第一个图片有效

Question

<asp:DataList ID="DataList1" runat="server" 
            Height="150px" RepeatDirection="Horizontal" Width="701px">
            <ItemTemplate>
            
            <a id="various3" href="Details.aspx?pid=<%# Eval("Pid") %>" onfocus="this.blur();">
                <asp:Image ID="Image1" runat="server" ImageUrl='<%# Bind("Pimage") %>'/></a>
                <br />
                <asp:Label ID="Label1" runat="server" Text="型号："></asp:Label>
                <asp:Label ID="Label2" runat="server" Text='<%# Bind("Pnumber") %>'></asp:Label>
            </ItemTemplate>
 </asp:DataList>调用的是various3  只有第一张图片有效果能弹出层   

Answer 1

各位  实现点击datalist里面图片可以弹出个层这个效果也行啊   求助啊

Answer 2

id="various3"  ID 重复了

Answer 3

传动态的ID值呗  例如: id='various<%# Eval("Pid") %>' 取的时候对应一下就OK

Answer 4

id=<%# Container.ItemIndex + 1 %>   

Answer 5

在databound中增加onfocus="this.blur();">属性就行了

Answer 6

ID是可以取到   可是js就调不到了  完全没效果了啊

Answer 7

在帮定事件中通过find找到myImage生成的ID
myImage.Attributes.Add("onfocus", "this.blur();"
即可

Answer 8

各位   我datalist中的图片可以出来  我是想点击里面的图片  然后弹出一个层 我用的是js  可是我用的这种  居然第一张图片点击有效   Details.aspx是我想弹出的页面  其他的都没错  可以根据Id取到相应的内容重点是js咋回事  

Answer 9

可是我第一张图片有效果啊
 <a id="various3" href="Details.aspx?pid=<%# Eval("Pid") %>" onfocus="this.blur();">
  <asp:Image ID="Image1" runat="server" ImageUrl='<%# Bind("Pimage") %>'/></a>
理论上应该全部图片都应该有效果的啊   想不通啊   这js是网上下的  用的是静态  

Answer 10

说了ID重复了呀. 你贴JS吧

Answer 11

你是说我放了两个Id？  js太多了   
<script type="text/javascript">
$(document).ready(function() {
$("#various3").fancybox({
'width' : '75%',
'height' : '75%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe'
});
});
</script>  这个是页面上的  其他的是外部链接

Answer 12

$("#various3")  你这个是固定的,当然没有效果的啊

Answer 13

<script type="text/javascript">
$(document).ready(function() {
$("#DataList1 a").each(function(){
   $(this).fancybox({
'width' : '75%',
'height' : '75%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe'
});
});
});
</script> 试试这个  (DataList1=客户端显示的ID)

Answer 14

太厉害了  居然行了   太谢谢了   
$("#DataList1 a").each(function(){
这个是怎么回事  这么神奇

Answer 15

哈哈 你看看jq api就知道了