2011-04-15 45 views
0

我想通過文字jQuery的圖像滑塊,但我只是不知道如何達致這,下面是設計視圖:如何字符串傳遞給jQuery的圖像滑塊在設計視圖在asp.net

 <script type="text/javascript"> 
       //want to pass text to "desc:"sometext" 
       if (!window.slider) var slider = {}; 
       slider.data = [{ "id": "slide-img-1", "client": "nature beauty", "desc":"" }, 
       { "id": "slide-img-2", "client": "nature beauty", "desc": "" }, 
       { "id": "slide-img-3", "client": "nature beauty", "desc": "" }]; 

<asp:Repeater ID="rptJquery" runat="server"> 

<ItemTemplate> 
<a href=""> 
<img ID='<%#Eval("slideshowID") %>' src='<%#String.Format("../images/slideshow/{0}", Eval("imgURL"))%>' class="slide"/> 
</a> 
    //want to pass this hidden field value to the above "desc" as there are three description 
    // for three images , there fore I want to pass specific description to all 3 images 
    <asp:HiddenField ID="desc" runat="server" Value='<%#Eval("slideDesc")%>' /> 
</ItemTemplate> 
</asp:Repeater> 
+0

我想拯救的描述在代碼後面的數組中,並在設計視圖中調用該數組列表,如下所示:desc:「<%=desc[0]%>」,是否可能以及什麼是正確的語法 – 2011-04-15 10:06:28

+0

可以發佈(如果可能)所有的JavaScript代碼嗎?特別是,什麼是「滑塊」?你如何在初始化後使用它? – manji 2011-04-15 12:16:41

+0

http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html – 2011-04-15 13:47:57

回答

1
<script type="text/javascript"> 

if(!window.slider) var slider={}; 
slider.data = [{ "id": "slide-img-1", "client": "nature beauty", 
      "desc": $('#slide-img-1').parent().next('input[type=hidden]').val() }, 
      { "id": "slide-img-2", "client": "nature beauty", 
      "desc": $('#slide-img-2').parent().next('input[type=hidden]').val() }, 
      { "id": "slide-img-3", "client": "nature beauty", 
      "desc": $('#slide-img-3').parent().next('input[type=hidden]').val() }]; 
</script> 

(將此代碼剛剛閉幕</body>標記之前。)

+0

我不知道我的頁面發生了什麼,當我使用你的代碼時,我的複選框jquery被禁用,圖像滑塊也不工作? – 2011-04-15 10:34:03

+0

因爲我在我的代碼中也使用了這個: