Question

我正努力在＆amp;使用css转换属性缩小Onclick，因为它适用于响应式内容。

我使用了一个jquery插件，它可以在简单的html上正常工作 http://techchef.co/devTest/test/

然而它在joomla网站上没有用，虽然我正在尝试使用它，脚本在网站前端完美显示，我解决了所有冲突问题。但现在它显示错误 未捕获的TypeError：无法调用方法'click'of null

如果您检查以下链接上的元素，您将发现错误。

脚本使用 base.js ，它在网站上完美调用 http://techchef.co/clients/Suitcase/index.php/travel/featurestravel

这是base.js文件 http://techchef.co/clients/Suitcase/templates/gk_music_free/js/base.js

请指导我如何开始工作......这已经花了我一整天:(（

Answer 1

试一试;

<script type="text/javascript">

jQuery(document).ready(function($) {
    $('#new').click(function () {$('#test').animate({scale: '+=0.33'}, {queue: false, duration: 1000});});
});


</script>

Answer 2

控制台错误表明$('#new')“不是对象”。因此，$未被识别为jQuery对象，未加载jQuery，或者#new元素不存在。对你而言，这是第一项。

您的jQuery在jQuery.noConflict();中使用head，因此您应使用jQuery代替美元符号$。

另外，为了安全起见，我建议您将jQuery代码包含在document.ready

中

<script type="text/javascript">

jQuery(document).ready(function() { 
    jQuery('#new').click(function () {
        jQuery('#test').animate({
            scale: '+=0.33'
        }, {
            queue: false, 
            duration: 1000
        });
    });
});

</script>

这也有效......

<script type="text/javascript">

jQuery(document).ready(function($) { // pass the "$" into the function
    $('#new').click(function () {
        $('#test').animate({
            scale: '+=0.33'
        }, {
            queue: false, 
            duration: 1000
        });
    });
});

</script>

工作演示：http://jsfiddle.net/42HNC/

脚本不适用于joomla，但它在html页面上运行完美

2 个答案: