0

可能是我无法在一行标题中描述我的问题..描述如下..

我使用除法提示.. 页面上的 html 是..

<button id="prompt_open" name="prompt_open">open</button>
<div id="prompt" style="display:none"></div>

现在我通过javascript（jquery）代码在提示中生成和html的属性..

$("#post_video").click(function () {
        var the_prompt = $("#Stuffprompt_main");
        the_prompt.css('display', 'block');
        var prompt_html = "";
        the_prompt.css('top', '95px');
        the_prompt.css('position', 'absolute');
        the_prompt.css('left', '300px');
        the_prompt.css('width', '610px');
        the_prompt.css('border', 'thin');
        the_prompt.css('background-color', '#FFF');
        the_prompt.css('height', 'auto');
        the_prompt.css('z-index', '9999');
        the_prompt.attr('id', 'post_prompt');
        the_prompt.attr('name', 'post_prompt');

        var shut_box = "<a id=\"close_prompt_vdo\" name=\"close_prompt_vdo\" class=\"shut\"></a>";

        var header = '<div class="header_prompt"><span id="pr" class="prompt_title">Post video of your stuff</span></div>';
        var middler = "<form action=\"user_posting/post_video.php\" name=\"posting_photos\" id=\"posting_photos\" method=\"post\" enctype=\"multipart/form-data\">" +
            "<div class=\"object_container\">" +
            "<textarea name=\"title_postvideo\" id=\"title_postvideo\" class=\"descriptor\" maxlength=\"100\" placeholder=\"Tilte\" style=\"height:30px;\" ></textarea>" +
            "<textarea name=\"text_postvideo\" id=\"text_postvideo\" class=\"descriptor\" maxlength=\"200\" placeholder=\"Add some description\" ></textarea>" +
            "<div class=\"file_Container\">" +
            "<div class=\"text_box_container\">" +
            "<textarea name=\"YTB_link\" id=\"YTB_link\"  class=\"descriptor\" style=\"float:left;width:75%; border:thin; border-color: #333;\"  maxlength=\"200\" placeholder=\"Add link of your video on You tube\"></textarea>" + "<div style=\"float:left; width:120px; height:80px; background-repeat:no-repeat; background-image:url(images/tube_logo.jpg);\"></div></div>" + "<div class=\"gap\"></div>" + "<div class=\"text_box_container\">" + "<textarea name=\"VMO_link\" id=\"VMO_link\" class=\"descriptor\" style=\"float:left;width:75%; border:thin; border-color: #333;\"  maxlength=\"200\" placeholder=\"Add link of your video on Vimeo\"></textarea>" + "<div style=\"float:left; width:135px; height:80px; background-repeat:no-repeat; background-image:url(images/vm_logo.jpg);\"></div></div></div><center>" + "<button id=\"post_video_submit\" class=\"base_buttons\" style=\"margin-top:10px;\"></button>" + "</center></div></form>" + "<div class=\"gap\"></div>";


        var HTML = shut_box + header + middler;
        the_prompt.html(HTML);
        $("#close_prompt_vdo").click(function () {

            the_prompt.css('display', 'none');

        });

第一次代码工作，即“按钮prompt_open”打开提示，按钮“关闭我”关闭提示..但第二次当我点击按钮“打开提示”时没有任何反应，即提示不显示。 .

该怎么办？？

4

1 回答 1

1 
the_prompt.attr('id', 'post_prompt');

是恶行。你为什么这样做？这使得无法选择var the_prompt第二$("#Stuffprompt_main")次。

解决此问题的一些可能性：

  • 删除该行（也许您实际上不需要它）
  • 将var the_prompt = $("#Stuffprompt_main");分配移到click处理程序之外，以便它不会每次都执行（并且在更改 id 时仍然指向元素）
  • id从关闭单击处理程序重置属性
于 2013-06-24T17:15:03.573 回答