0

多分私は私の問題を1行のタイトルで説明することはできません..説明は次のとおりです..

分割を使用してプロンプトを作成しました..ページ上の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」でプロンプトが開き、「閉じる」ボタンでプロンプトが閉じます..しかし、2回目に「プロンプトを開く」ボタンをクリックしても何も起こりません。つまり、プロンプトが表示されません。 .

何をすべきか？？

4

1 に答える 1

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

悪の線です。どうしてそんなことをするのか？var the_prompt2 回目はを選択できなくなります$("#Stuffprompt_main")。

問題を解決する可能性があります:

  • その行を削除します（実際には必要ないかもしれません）
  • var the_prompt = $("#Stuffprompt_main");割り当てをハンドラーの外に移動して、click毎回実行されないようにします（IDが変更されたときに要素を指し続けます）
  • idclose-click-handler から属性をリセットします
于 2013-06-24T17:15:03.573 に答える