什麼問題會影響存儲在變量中的jquery元素的使用？

Question

上下文：我試圖將變量!== null中檢測會話變量並隱藏UI元素的腳本一起破解。

這是腳本：

var userid = $('#userid').attr('data-id'); 
var signUpContainer = $('#sign-up-container'); 

if (userid != null) { 
    $('#sign-up-container').css('display','none'); 
}; 

這個腳本工作完全正常。但是，當我使用該變量代替時：

if (userid != null) { 
    signUpContainer.css('display','none'); 
}; 

沒有任何反應。任何理由爲什麼這樣？

注意：在將jquery對象存儲在變量中之前，我從來沒有遇到過這個問題，它似乎只在嘗試更改CSS時發生。

Answer 1

此問題必須在代碼中的其他位置。

你應該能夠在沒有任何問題的情況下在變量中存儲對jQuery對象的引用。請看下面的例子，其工作完全正常：

var userid = $('#userid').attr('data-id'); 
 
var signUpContainer = $('#sign-up-container'); 
 

 
if (userid != null) { 
 
    signUpContainer.css('display','none'); 
 
};

#sign-up-container { 
 
    background: yellow; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id='userid' data-id='test'></div> 
 
<div id='sign-up-container'>Signup Container</div>