3

<input type="text" />ColorBox の上に表示される ModalPopupExtender で単純なものを表示しています。正常に表示されますが、ユーザーは書き込みできません。誰が何が悪いのか教えてもらえますか?

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
<script src="Scripts/jquery.colorbox-min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#testbutton').click(function () {
            $.colorbox({ inline: true, width: "50%", open: true, href: "#messageform",
                onClosed: function () {
                    $('#messageform').hide();
                },
                onOpen: function () {
                    $('#messageform').show();
                }
            });
        });
    });
</script>
</asp:Content>


<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>

    <input id="testbutton" type="button" value="click" />

    <div id="messageform" style="display: none;">
        <asp:Button ID="open" runat="server" />
    </div>

    <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender" runat="server" BackgroundCssClass="modalBackground"
        DropShadow="true" PopupControlID="Panel1" TargetControlID="open">
    </ajaxToolkit:ModalPopupExtender>

    <div id="Panel1">
        <input type="text" name="foo" value="" />   <--- **This shows, but can't enter text**
    </div>
</asp:Content>
4

3 に答える 3

3

Colorbox の作者に手紙を書いたところ、彼は次の行まで問題を追跡しました。

if (document.addEventListener) {
    document.addEventListener('focus', //trapFocus, true);
                $events.one(event_closed, function (){
                document.removeEventListener('focus', trapFocus, true);
                ;}

私はそれらをコメントアウトしましたが、今ではうまくいくようです（ただし、古いIEバージョンやその他の問題については知りません）。

于 2013-05-16T15:10:08.383 に答える
0

同様に割り当てnameて属性を付けてみてくださいvalue

<input type="text" name="myText" value="Enter Your Name">

emptyまたは、値を割り当てたい場合は、試してください

<input type="text" name=myText value="">

それがうまくいくことを願っています。

于 2013-05-16T13:02:44.933 に答える