为动态创建的按钮创建工具提示

时间:2014-04-12 07:04:54

标签: javascript jquery html

任何人都可以告诉如何为动态创建的按钮添加工具提示。在我的页面中我有一个提交按钮,它将创建关于xml数据的动态按钮。我想为这个按钮创建工具提示。这是我的代码

    <script>
            $(document).ready(function () {
                $("#Submit").click(function () {
                    $.ajax({
                        type: "GET",
                        url: "mars.xml",
                        dataType: "xml",
                        success: function (xml) {
                            $(xml).find('student').each(function () {
                                var Name = $(this).find('name').text();
                                var Mark = $(this).find('marks').text();
                                var Sid = $(this).find('id').text();
                var student_id = "#"+$(this).attr("id");
 $("#content").append("<li><input type='button' class='dyna_btn' id = '"+$(this).attr("id")+"' value='"+Name+"'/></li>");
                    var hue = '#'+(0x1000000+(Math.random())*0xffffff).toString(16).substr(1,6);

                    $(student_id).css('color', hue);
                    $("#content").append('<li>' + Sid + '<li>');
                         });
                        }
                    });
                });
            });
            $(document).on("click", ".dyna_btn", function() {
                     alert("button"+$(this).attr("id"));
                     console.log("button clicked");
                      });
         </script>
        <body>
        <form id="From1" method="post">
        <input type="button" value="submit" name="Submit" id="Submit" />
        <div id="content">
        </div>
        </form>
    </body>

1 个答案:

答案 0 :(得分:1)

只需添加title =&#34;&#34;属性方式如下:

<input type='button' class='dyna_btn' id = '"+$(this).attr("id")+"' value='"+Name+"' title='"+Name+"' />