【问题标题】:Bootstrap modal引导模式
【发布时间】:2018-02-02 09:09:26
【问题描述】:

我正在使用 asp.net (aspx) 和 modal bootstrap 构建一个移动应用程序。 此模态的目的是用触发此模态的 href 的“data-marcacao”属性中包含的信息填充标签。当第一次尝试触发模式时,标签没有被填充。标签仅在第一次尝试单击“是”myButton 后第二次尝试打开模式时填充。

//triggered
<a href="#" data-toggle="modal" data-target="#myModal" data-marcacao="frase qualquer">

//modal
    <div class="modal fade" id="myModal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                </div>
                <div class="modal-body">
                    <asp:Label ID="lblModalMarcacao" runat="server"></asp:Label>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-success btn-md" id="myButton">Sim</button>
                    <button class="btn btn-danger btn-md" data-dismiss="modal">Não</button>
                </div>
            </div>
        </div>
    </div>

//script
    <script type="text/javascript">
            $('#myModal').modal({ backdrop: 'static', keyboard: false });
            $('#myModal').modal('toggle');
            $('#myModal').modal('handleUpdate');

            $(document).ready(function () {
                $("a").on("click", function (e) {
                    e.preventDefault();
                    $('#lblModalMarcacao').text('Marcação: ' + $(this).attr("data-marcacao"));
                });
            });
    };
</script>

【问题讨论】:

  • 请用英文写你的问题,因为Stack Overflow is an English site.
  • @Script47,这不是西班牙语。正确的链接是pt.stackoverflow.com
  • @RBCunhaDesign 哎呀,不知道,谢谢。
  • @Script47,一切都好! :)
  • 我发现了问题。我在正文中使用了 ScriptManager 组件。我删除了ScriptManager组件,问题就解决了。

标签: javascript jquery twitter-bootstrap modal-dialog


【解决方案1】:

我发现了问题。我在正文中使用了 ScriptManager 组件。我删除了ScriptManager组件,问题就解决了。

【讨论】:

    猜你喜欢
    • 2017-12-09
    • 2014-04-04
    • 2016-11-16
    • 2013-05-05
    • 2015-12-17
    • 2019-12-17
    • 2021-02-08
    • 2014-02-24
    相关资源
    最近更新 更多