0

我正在尝试通过使用 css 转换属性来实现缩放 Onclick，因为它适合响应式的东西。

我使用了一个 jquery 插件，它工作正常，下面提到的一个链接在简单的 html http://techchef.co/devTest/test/

但是它在 joomla 网站上不起作用，当我尝试使用它时，脚本在网站前端完美显示，我解决了所有冲突问题。但现在它显示错误 Uncaught TypeError: Cannot call method 'click'为空

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

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

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

请指导我如何开始工作......它已经花了我一整天的时间:(((

4

2 回答 2

1

试试看吧；

<script type="text/javascript">

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


</script>
于 2013-01-14T21:10:52.803 回答
0

控制台错误说那$('#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/

于 2013-01-14T21:11:02.880 回答