JQuery will work with Fiddler, but not on my server_问答_开发者

JQuery will work with Fiddler, but not on my server

开发者 https://www.devze.com 2023-03-01 17:21 出处：网络

Fiddler Link : http://jsfiddle.net/nLxc4/5/ My code : <html> <head> <script type=\"text/javascript\" src=\"js/jquery-1.5.1.min.js\"></script>

Fiddler Link : http://jsfiddle.net/nLxc4/5/

My code :

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

As you can see, in the fiddler, when you click a check box it displays a partic开发者_StackOverflow中文版ular div. On my home server, nothing happens. Can anyone see why this might be the case? Thanks very much.

Jsfiddler, wraps the js code inside $(document).ready() if you choose jQuery as the library. That's why it is working there and not on your server.

Update the following in your code

$(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

Change your code:

$(function() { $(':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); }

JQuery will work with Fiddler, but not on my server

精彩评论

关注公众号

热门标签

图文推荐

JQuery will work with Fiddler, but not on my server

更多 问答 相关资讯：

精彩评论

关注公众号

热门标签

图文推荐

更多问答相关资讯：