内联 javascript 仅在 firefox 中执行

Question

所以我有一个简单的脚本来在单击按钮或选项卡时更改图像。该脚本在 firefox 中运行良好，但我什至无法在 edge 和 chrome 中执行脚本中的任何内容。除了一些警告和一些错误外，控制台日志中没有任何帮助。有人可以帮我解决这个问题吗？

<script type="text/javascript">
jQuery(function($){
        $('#specs_button1').click(function() {
            $('#the_image').attr('src',templateUrl+'/images/GRAdSpecs/DPS-min.jpg');              
        });
        $('#specs_button2').click(function() {
            $('#the_image').attr('src',templateUrl+'/images/GRAdSpecs/FP-min.jpg');
        });
        $('#specs_button3').click(function() {
            $('#the_image').attr('src', templateUrl+'/images/GRAdSpecs/HP-min.jpg');
        });
        $('#specs_button4').click(function() {
            $('#the_image').attr('src', templateUrl+'/images/GRAdSpecs/HP_vertical-min.jpg');
        });
        $('#specs_button5').click(function() {
            $('#the_image').attr('src', templateUrl+'/images/GRAdSpecs/QP_horizontal.jpg');
        });
        $('#specs_button6').click(function() {
            $('#the_image').attr('src', templateUrl+'/images/GRAdSpecs/QP-min.jpg');
        });

        $('#specs1').click(function() {
            $('#the_image').attr('src', templateUrl+'/images/GRAdSpecs/DPS-min.jpg');
        });
        $('#specs2').click(function() {
            $('#the_image').attr('src',templateUrl+'/images/GRAdSpecs/FP-min.jpg');
            console.log("Button 2");
        });
        $('#specs3').click(function() {
            $('#the_image').attr('src', templateUrl+'/images/GRAdSpecs/HP-min.jpg');
        });
        $('#specs4').click(function() {
            $('#the_image').attr('src', templateUrl+'/images/GRAdSpecs/HP_vertical-min.jpg');
        });
        $('#specs5').click(function() {
            $('#the_image').attr('src', templateUrl+'/images/GRAdSpecs/QP_horizontal.jpg');
        });
        $('#specs6').click(function() {
            $('#the_image').attr('src', templateUrl+'/images/GRAdSpecs/QP-min.jpg');
        });
});
</script>

网站：greenreview.com.au/advertise

当点击手风琴或其旁边的按钮时，我希望图像发生变化

谢谢

Answer 1

删除封装 jquery 功能似乎解决了问题。

        var $ = jQuery;
    $('#specs_button1').click(function() {
        $('#the_image').attr('src',templateUrl+'/images/GRAdSpecs/DPS-min.jpg');

    });
    $('#specs_button2').click(function() {
        $('#the_image').attr('src',templateUrl+'/images/GRAdSpecs/FP-min.jpg');

    });
    $('#specs_button3').click(function() {
        $('#the_image').attr('src', templateUrl+'/images/GRAdSpecs/HP-min.jpg');

    });
    $('#specs_button4').click(function() {
        $('#the_image').attr('src', templateUrl+'/images/GRAdSpecs/HP_vertical-min.jpg');

    });
    $('#specs_button5').click(function() {
        $('#the_image').attr('src', templateUrl+'/images/GRAdSpecs/QP_horizontal.jpg');

    });
    $('#specs_button6').click(function() {
        $('#the_image').attr('src', templateUrl+'/images/GRAdSpecs/QP-min.jpg');

    });

    $('#specs1').click(function() {
        $('#the_image').attr('src', templateUrl+'/images/GRAdSpecs/DPS-min.jpg');

    });
    $('#specs2').click(function() {
        $('#the_image').attr('src',templateUrl+'/images/GRAdSpecs/FP-min.jpg');

    });
    $('#specs3').click(function() {
        $('#the_image').attr('src', templateUrl+'/images/GRAdSpecs/HP-min.jpg');

    });
    $('#specs4').click(function() {
        $('#the_image').attr('src', templateUrl+'/images/GRAdSpecs/HP_vertical-min.jpg');

    });
    $('#specs5').click(function() {
        $('#the_image').attr('src', templateUrl+'/images/GRAdSpecs/QP_horizontal.jpg');

    });
    $('#specs6').click(function() {
        $('#the_image').attr('src', templateUrl+'/images/GRAdSpecs/QP-min.jpg');

    });

我不确定为什么会修复它，因为我在其他一些网站上有确切的代码

内联 javascript 仅在 firefox 中执行

inline javascript only executing in firefox

javascript

jquery

cross-browser