Вызов модальных окон в условном выражении

Question

У меня есть этот скрипт, который работает одним нажатием кнопки, он выдает модальное окно с выцветшим фоном. Что я хочу достичь в этот раз, чтобы включить его в условном операторе, поздняя часть моего сценария, как показано ниже

if (result != $version) { alert ('Your version is out of date') } } }) 
alert ('You are welcome back') 

Но я хочу, чтобы изменить оповещение модального окна, но не могу найти свой путь через

// JavaScript Document 


$(document).on("pagecreate", function() { 
    $(".about").on("click", function() { 
     // close button 
     var closeBtn = $('<a href="#" data-rel="back" class="ui-btn-right ui-btn ui-btn-b ui-corner-all ui-btn-icon-notext ui-icon-delete ui-shadow">Close</a>'); 

     // text you get from Ajax 
     var content = "<p> hello folks, good evening</p>"; 

     // Popup body - set width is optional - append button and Ajax msg 
     var popup = $("<div/>", { 
      "data-role": "popup" 
     }).css({ 
      width: $(window).width()/0 + "px", 
      padding: 5 + "px" 
     }).append(closeBtn).append(content); 

     // Append it to active page 
     $.mobile.pageContainer.append(popup); 

     // Create it and add listener to delete it once it's closed 
     // open it 
     $("[data-role=popup]").popup({ 
      dismissible: false, 
      history: false, 
      theme: "b", 
      /* or a */ 
      positionTo: "window", 
      overlayTheme: "b", 
      /* "b" is recommended for overlay */ 
      transition: "pop", 
      beforeposition: function() { 
       $.mobile.pageContainer.pagecontainer("getActivePage") 
        .addClass("blur-filter"); 
      }, 
      afterclose: function() { 
       $(this).remove(); 
       $(".blur-filter").removeClass("blur-filter"); 
      }, 
      afteropen: function() { 
       /* do something */ 
      } 
     }).popup("open"); 
    }); 
}); 

Answer 1

Самый простой способ, это просто вызвать щелчок в условную:

if (result != $version) { 
    $(".about").trigger("click"); 
} 

Однако, я бы реорганизовать этот щелчок обратный вызов именованной функции и быть в состоянии назвать его как Insta NCES условного оператора и кнопки:

var openModal = function() { 
     // close button 
     var closeBtn = $('<a href="#" data-rel="back" class="ui-btn-right ui-btn ui-btn-b ui-corner-all ui-btn-icon-notext ui-icon-delete ui-shadow">Close</a>'); 

     // text you get from Ajax 
     var content = "<p> hello folks, good evening</p>"; 

     // Popup body - set width is optional - append button and Ajax msg 
     var popup = $("<div/>", { 
      "data-role": "popup" 
     }).css({ 
      width: $(window).width()/0 + "px", 
      padding: 5 + "px" 
     }).append(closeBtn).append(content); 

     // Append it to active page 
     $.mobile.pageContainer.append(popup); 

     // Create it and add listener to delete it once it's closed 
     // open it 
     $("[data-role=popup]").popup({ 
      dismissible: false, 
      history: false, 
      theme: "b", 
      /* or a */ 
      positionTo: "window", 
      overlayTheme: "b", 
      /* "b" is recommended for overlay */ 
      transition: "pop", 
      beforeposition: function() { 
       $.mobile.pageContainer.pagecontainer("getActivePage") 
        .addClass("blur-filter"); 
      }, 
      afterclose: function() { 
       $(this).remove(); 
       $(".blur-filter").removeClass("blur-filter"); 
      }, 
      afteropen: function() { 
       /* do something */ 
      } 
     }).popup("open"); 
}; 


$(document).on("pagecreate", function() { 
    $(".about").on("click", openModal); 
}); 

И в условном:.

if (result != $version) { 
    openModal(); 
}