0

我正在尝试在引导程序上构建一个可配置的模式窗口。我的意图是通过创建函数参数来动态填充模态。

第一个参数是标题的标题（titolo），第二个（messaggio）是模态体的文本，可以是html或纯文本，第三个（conferma）是确认按钮时调用的函数（如果存在此函数则创建）被点击时，forth( callback) 是模式窗口关闭时调用的回调函数。

不幸的是我不能让它工作，你能帮我吗？

function apriModal(titolo,messaggio,conferma,callback){
    jQuery.noConflict();
    var re=new RegExp("</?\w+\s+[^>]*>");
    $("#modalHeaderTitle").text(titolo);
    if(messaggio.match(re)){
        $("#modalBodyText").html(messaggio);
    }
    else{
        $("#modalBodyText").html("<p>"+messaggio+"</p>");
    }
    (typeof conferma == 'function') ? $("#modalConfirm").show() : $("#modalConfirm").hide();
    $("#finestraModal").modal('show');
    $("#modalConfirm").click(function(){
        if(conferma){
            $("#finestraModal").modal('hide');
            conferma.apply();
        }
    });
    $("#modalClose").click(function(){
        if(callback){
            callback.apply();
        }
        $("#finestraModal").modal('hide');
    });
}

这是模态的基本html： 

<div id="finestraModal" class="modal hide fade">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3 id="modalHeaderTitle"></h3>
    </div>
    <div class="modal-body" id="modalBodyText">
    </div>
    <div class="modal-footer">
        <a href="#" id="modalClose" class="btn">Chiudi</a>
        <a href="#" id="modalConfirm" class="btn btn-primary">Conferma</a>
    </div>
</div>

JSFiddle

4

1 回答 1

0

您已使用jQuery.noConflict()但继续$在以下脚本中使用。

function apriModal(titolo,messaggio,conferma,callback){
    jQuery.noConflict();

应该改为

function apriModal(titolo,messaggio,conferma,callback){
    var $ = jQuery.noConflict(); // or other variable name

如果您想使用其他库，您可以分配jQuery.noConflict()给另一个变量，如我的演示中所示，或者jQuery在需要时使用。

参考：http ://api.jquery.com/jQuery.noConflict/

工作演示：http: //jsfiddle.net/indream/X3EnA/1/

于 2013-02-26T18:40:36.890 回答