使用面向对象的javascript取消隐藏div

Question

所以，一旦它被隐藏起来，我就很难把它找出来。

守则：

第一对象

$('#filter_region').on('change', function(e) {

      var temp_region_id = $('#filter_region').val();

      filterRegionId($temp_region_id);

   });

秒对象：

function filterRegionId(temp_region_id)
{

    if ($(temp_region_id) != 1) {


       $('.showheadline').hide(); }

    else { $('.showheadline').show(); }

}

我真正想做的是，一旦区域从原来的改变，div就应该隐藏--这个工程！

然而，一旦该人回到同一区域，div仍然是隐藏的。

根据区域的不同，filter_region从1-8回波.我意识到我已经把这个区域设为1，这是要测试的。但是，即使if -语句设置为1，加载时仍然显示div，即使区域为2-8。希望这是有意义的！如果有任何关于我的解释的问题，请随便问。

向你问好，帕特里克

Answer 1

文本输入的值属性总是返回一个字符串。您需要parseInt值才能获得整数

 var temp_region_id = parseInt($('#filter_region').val(),10);

将$ 从变量名 filterRegionId($temp_region_id);和if ($(temp_region_id) != 1) {中移除。

$('#filter_region').on('change', function(e) {
      var temp_region_id = parseInt($('#filter_region').val(),10);
      ///parse it to integer
      filterRegionId(temp_region_id);
   });

function filterRegionId(temp_region_id){
    if (temp_region_id!= 1)
       $('.showheadline').hide();
    else
       $('.showheadline').show();
}

Answer 2

试试这个，不用$(..)围绕着变量

$('#filter_region').on('change', function(e) {    
     var temp_region_id = $('#filter_region').val();    
     filterRegionId(temp_region_id);
 });

function filterRegionId(temp_region_id)
{    
    if (temp_region_id != 1) {        
       $('.showheadline').hide(); 
    }    
    else { 
       $('.showheadline').show(); 
    }    
}

Answer 3

最好的解决方案是重写一些代码。请在顶部添加filterRegion函数，并按以下方式更改参数名称

 var temp_region_id = $('#filter_region').val();
 filterRegionId(temp_region_id);
  $('#filter_region').on('change', function(e) {
  temp_region_id= $('#filter_region').val();
  filterRegionId(temp_region_id);
   });

function filterRegionId(temp_region_id)
{
if ($(temp_region_id) != 1) {
   $('.showheadline').hide(); 
}
else { 
     $('.showheadline').show(); 
   }
}