jsFiddle工作。在网页上实施不?

时间:2011-09-27 11:10:00

标签: javascript html css gallery

这个js小提琴没有错误或问题:

http://jsfiddle.net/3j45B/2/

但是,当嵌入http://www.zabb.co.uk/untitled6.html时,它不起作用?有什么建议吗?


修改

根据您的意见和建议,我们找到了解决方案,谢谢大家:

$(document).ready(function() {

    $('.thumbnail2').click(function() {
        src = $(this).attr('src');
        if (src != $('.img').attr('src')) {
            $('.img').fadeOut(250, function() {
                $(this).attr('src', src).fadeIn(250);
            });
        }
    });

});​

确保事件有效的重要事项是将jQuery代码包装在:

$(document).ready(function() {
    // ...
});​

有关此功能的更多信息,请参阅以下链接:
Introducing $(document).ready()

2 个答案:

答案 0 :(得分:7)

将嵌入式脚本包裹在$(...)$(document).ready(...)

jsfiddle为你做了那个(看左边的下拉框说“onLoad”?)。

答案 1 :(得分:0)

您的代码没有错。但你可能忘了包含一个名为Galleria的插件,我没有定义Galleria。