javascript - 为什么js文件中的变量值被删除。当我打开 jquery fancy box 时？

Question

我有两个 .js 文件和一个 HTML。我将变量的值从一个 .js 文件初始化到另一个 .js 文件。在 HTML 文件中，我有一个 Jquery 精美的框。当我打开 Jquery 精美的盒子时。初始化的 valriable 被删除了，我不知道为什么。请帮忙解决。

JS:

function createEventDlg() {
      $.fancybox({
             href: "events/createEvent",
             type: "iframe", // <-- whatever content image, inline, swf, etc
             width: 600,
             afterClose: openEventImageUpdate
      });
   }

HTML:

<ul  class="nav navbar-nav navbar-left">
                            <li class="li-search-logged">
                            <!-- id="selectedValueId" -->
                                <select  id="selectSearch">
                                    <option selected>Events</option>
                                    <option>Connections</option>
                                    <option>DFA Users</option>
                                </select>
                                <input type="text" id="auto-complete-tag" class="form-control" placeholder="Find Events, People, and Connections" />
                                <button class="btn btn-positive" type="button"></button>
                            </li>
                            <li class="li-btn"><input type="button" value="Create" class="btn btn-positive" onclick='createEventDlg();' /></li>
                            <li class="li-btn"><input type="button" value="Browse" class="btn btn-positive" onclick="loadBrowseEventPage()" /></li>
                            <li class="li-btn"><input type="button" value="DFA" class="btn btn-positive" onclick="loadDFA()" /></li>
                        </ul>

浏览.js:

这里 appRootUrl 变量有一个值。例如:“/app”，它调用通知中的方法。 js 的 init() 方法。然后Notifications.js的对象被初始化。我的问题是当我打开 jquery fancy box 时。初始化的变量值被删除，为什么我不知道。我将使用这个变量值进行 Jquery ajax 调用。因为我在notifications.js中有很多方法。这些方法将使用该变量值。请帮我。

 $( document ).ready(function() {
  <%
 ClassLoader classLoader = Thread.currentThread().getContextClassLoader();
  Properties properties = new Properties();
  properties.load(classLoader.getResourceAsStream("app.properties"));
  %>
  var te = '${appRootUrl}';
  console.log('App root ulr : ' + te);
  notifications.init('${appRootUrl}', "<%= properties.getProperty("node.server")%>");    
});

通知.js:

var notifications = {
    appRootUrl : "something",
    nodeServer : "something",
    resource: {
        user: {
            findById: "/users/findbyid",
            getAlerts: "/users/getalerts",
            acceptChat: "/users/acceptchatinvite",
            declineChat: "/users/declinechatinvite",
            acceptFriend: "/users/acceptconnectioninvite",
            declineFriend: "/users/declineconnectioninvite",
            clearAlert: "/users/clearAlert",
            get: "/users/getuser",
            getEventPrivateChatHistory: "/users/eventPrivateChatHistory",
            eventPrivateSend: "/users/eventPrivatesend",
            dfaSend: "/users/dfasend",
            eventRestart: "/users/eventrestart",
            getFriendState: "/users/getFriendState",
            getDfaHistory: "/users/dfahistory",
            makeUserRelationshipNone: "/users/makerelationshipnone"
        },
        event: {
            getEventApprovedUsers: "/events/getApprovedUsers",
            getDfaGroupChatHistory: "/events/getGroupchatHistory",
            updateGroupChatMsgUrl: "/events/saveGroupchat",
            get: "/events/getEvent"
        }
    },
    init: undefined
};

notifications.init = function (appRootUrl, nodeServer) {
    console.log('appRootUrl : ' + appRootUrl);
    console.log('nodeServer : ' + nodeServer);

    notifications.appRootUrl = appRootUrl;
    notifications.nodeServer = nodeServer;
    console.log('notifications : ' + JSON.stringify(notifications));
};

Answer 1

最后我发现答案是我必须初始化 Jquery 奇特框中的值。因为 Jquery fancy box 充当当前的 JSP。在从 browser.jsp 初始化之前。当用户单击 Jquery 花式框时。它加载 JqueryFancyBox.JSP 文件。我必须在那里初始化该值。

示例代码在这里:

JqueryFancyBox.jsp:

<c:url var="appRootUrl" value="/"/>
$(function () {
            <%
            ClassLoader classLoader = Thread.currentThread().getContextClassLoader();
            Properties properties = new Properties();
            properties.load(classLoader.getResourceAsStream("app.properties"));
            %>
            notifications.init("${appRootUrl}", "<%= properties.getProperty("node.server")%>");
});