在asp.net中使用下拉菜单绑定图像的jQuery

Question

我想用asp.net c#在下拉列表中显示图像，我得到了下面的例子，但它在没有母版页的页面上工作。

http://www.aspdotnet-suresh.com/2011/12/jquery-bind-images-to-dropdownlist-in.html

我需要与母版页上的图像相同的下拉。现在，它绑定到数据库并获取值，但由于某种原因，它不能在使用masterpage page的页面上工作

母版页的部分代码

<%@ Page Title="Website Administration : Add New Page" Language="C#" MasterPageFile="SiteAdmin.master" AutoEventWireup="true" CodeFile="AddNewPage.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <link href="../dropdown/dd.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../dropdown/js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="../dropdown/js/jquery.dd.js"></script>
<script type="text/javascript" language="javascript">
    $(document).ready(function (e) {
        try {
            $("#ddBanner").msDropDown();
        } catch (e) {
            alert(e.message);
        }
    });
</script>


<table><tr><td>

    <asp:DropDownList ID="ddBanner" runat="server" Width="424px">
</asp:DropDownList>

</td></tr></table>            

我交叉检查了路径和所有内容，但都不起作用..出于某些原因

Answer 1

You ddBanner list，当在contentPlaceHolder中时，不被称为ddBanner。呈现的页面，将有占位符的名称，下拉列表的前缀。如果您转到呈现的页面，并显示源代码，您将看到以下内容。您需要从呈现的页面中插入其clientID，或者键入完整名称。

$("#ddBanner").msDropDown();

应该是

$("#<%= ddBanner.ClientID %>").msDropDown();