jQuery將與提琴手工作，但不是我的服務器

提琴手鍊接：http://jsfiddle.net/nLxc4/5/jQuery將與提琴手工作，但不是我的服務器

我的代碼：

<html> 

<head> 
    <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script> 
<script type="text/javascript"> 
function dynamicSearch() { 
    var val = $('#search').val(); 
    if (val == '') val = '.'; 
    var srch = new RegExp(val, "gi"); 

    $('.active').each(function(i, el) { 
     if ($(this).text().match(srch)) { 
      $(this).show(); 
     } else { 
      $(this).hide(); 
     } 
    }); 
} 

$(':checkbox').bind('change', function() { 
    var div = this.value.replace('value', '#div'); 

    if (this.checked) { 
     $(div).addClass('active'); 
     $(div).show(); 
    } else { 
     $(div).removeClass('active'); 
     $(div).hide(); 
    } 
}); 

$('#search').bind('keyup', dynamicSearch); 
</script> 
</head> 

<body> 

<form> 
    <label for="search">Search:</label> 
    <input type="text" name="search" id="search"/> 

    <input type="checkbox" name="modtype" value="value1" />value1 
    <input type="checkbox" name="modtype" value="value2" />value2 
    <input type="checkbox" name="modtype" value="value3" />value3 
    <input type="checkbox" name="modtype" value="value4" />value4 
    <input type="checkbox" name="modtype" value="value5" />value5 
    <div class="row" id="div1" style="display:none">Show Div 1</div> 
    <div class="row" id="div2" style="display:none">Show Div 2</div> 
    <div class="row" id="div3" style="display:none">Show Div 3</div> 
    <div class="row" id="div4" style="display:none">Show Div 4</div> 
    <div class="row" id="div5" style="display:none">Show Div 5</div> 
</form> 
</body> 

</html>

正如你所看到的，在小提琴手，當你點擊一個複選框，它會顯示一個特別的div。在我家的服務器上，沒有任何反應。任何人都可以看到爲什麼這可能是這種情況？非常感謝。

來源

2011-04-29 user730663

如果您選擇jQuery作爲庫，Jsfiddler會在$(document).ready()內包裝js代碼。這就是爲什麼它在那裏工作，而不是在你的服務器上。））綁定（ '改變'，功能（{在你的代碼

更新以下

$(document).ready(function() { //This 
$(':checkbox').bind('change', function() { 
    var div = this.value.replace('value', '#div'); 

    if (this.checked) { 
     $(div).addClass('active'); 
     $(div).show(); 
    } else { 
     $(div).removeClass('active'); 
     $(div).hide(); 
    } 
}); 

$('#search').bind('keyup', dynamicSearch); 
}); //And This

來源

2011-04-29 07:50:19 Starx

完美，謝謝！ – user730663 2011-04-29 08:09:42

更改代碼：

$（函數（）{ $（ '複選框'。 VAR DIV = this.value.replace（ '值'， '#div'）;

if (this.checked) { 
    $(div).addClass('active'); 
    $(div).show(); 
} else { 
    $(div).removeClass('active'); 
    $(div).hide(); 
}

}）;

$（'＃search'）。bind（'keyup'，dynamicSearch）; }

來源

2011-04-29 07:52:34 totali

jQuery將與提琴手工作，但不是我的服務器

回答

相關問題