JQuery隨手記

**JS**
//search function
//1. load external json file
//2. search json data
//3. output result

    $.getJSON("model.json", function(data) {
        var items = [];
        var search = {};
        var model = "";
        var productPath = "../exec/";
        var imgPath = "../proimages/pb/";

        //搜尋
        $.each(data, function(keym, valm) {
            $.each(valm, function(key, val) {

                if (urlParams['catid'] == "all") {
                    if (urlParams['type'] == key) {
                        if (val.search(urlParams['kwd2']) != -1) {
                            search[keym] = valm;
                            //console.log(search);
                        }
                    }
                }

            })
        });

        //console.log(search);

        //印出
        $.each(search, function(key, val) {
            model = "

            items.push(model);
        });

        $("

$(document).ready(function() {
var newImage = "images/002.jpg"; //Image name

$("a.tnClick").click(function() {
$("#myImage").hide() //Hide it
.one('load', function() { //Set something to run when it finishes loading
$(this).fadeIn(); //Fade it in when loaded
})
.attr('src', newImage) //Set the source so it begins fetching
.each(function() {
//Cache fix for browsers that don't trigger .load()
if(this.complete) $(this).trigger('load');
});
});
})