用條件陳述綁定模態窗口

Question

我已經得到了這個腳本，它在點擊按鈕時起作用，它彈出一個帶有褪色背景的模態窗口。我想這次實現的是將其包含在條件聲明中。例如，如果VAR1 = 2，則模態窗口彈出

// 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

像這個？：

$(".about").on("click", function() { 
    if (var1!=2) return; 
    ...(the rest of the function)