Question

我有一个插件，我需要动态地从后面的代码将数据绑定到它。我可以用这个：

var a = [{"image":"../../1.jpg","caption":"","title":"Image 1"},
{"image":"../../2.jpg","caption":"","title":"Image 2"},
{"image":"../../3.jpg","caption":"","title":"Image 3"},
        ];
$(".pikachoose").PikaChoose({ data: a });

但是如何在代码中创建此VAR呢？在那里，我可以根据需要循环多次，制作尽可能多的图像，但这里没有。

我也试过

<asp:DataList ID="lstThumbs" runat="server" RepeatDirection="Horizontal">
     <ItemTemplate>
         <div class="thumbs">
             <a href="">
               <img id="imgbtnThumb" src='<%# Container.DataItem %>' /></a>                         
         </div>
     </ItemTemplate>
 </asp:DataList></li>

但它没有显示图像我不知道为什么？！

有人可以帮帮我吗？

Answer 1

在代码背后，你可以这样做：

Page.ClientScript.RegisterStartupScript(this, "loadimgs", "var a = [..];$(".pikachoose").PikaChoose({ data: a });", true);

我可能缺少一些参数......你也可以使用scriptManager：

ScriptManager.RegisterStartupScript(..);

这些方法将javascript写入客户端;您可以从服务器编写数组定义和JQuery插件脚本。

另外，你的标记没有定义pikachoose CSS类......这可能是问题吗？

动态添加图像到jQuery插件？

1 个答案: