0

ボタンのアイコンが Button1 と Button3 に表示されない理由を誰か説明してもらえますか? Button1 は asp:button、Button2 は Button のタイプ、Button3 は HTML ボタンです。3つのボタンすべてにアイコンを表示するにはどうすればよいですか?

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
<script type="text/javascript">
    $(document).ready(function () {
        $("[id$=Button1]").click(function () {
            alert("Welcome button1 !");
        });

        $("[id$=Button2]").click(function () {
            alert("Welcome button2 !");
        });

        $("[id$=Button3]").click(function () {
            alert("Welcome button3 !");
        });

        $("[id$=Button1]").button({
            icons:
                 {
                     primary: "ui-icon-search"
                 }
        });

        $("[id$=Button2]").button({
            icons:
                 {
                     primary: "ui-icon-search"
                 }
        });

        $("[id$=Button3]").button({
            icons:
                 {
                     primary: "ui-icon-search"
                 }
        });
    }); 
</script> 
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <asp:Button ID="Button1" runat="server" Text="Button1" />
    <button id="Button2">Button2</button>
    <input id="Button3" type="button" value="Button3"></input>
</asp:Content>
4

1 に答える 1