0

レスポンシブなものに適しているため、css transform プロパティを使用して Onclick のスケールインとスケールアウトを実現しようとしています。

私は単純なhtml http://techchef.co/devTest/test/で以下に記載されている1つのリンクでうまく動作するjqueryのプラグインを使用しています

ただし、joomla Web サイトでは機能しません。使用しようとしている間、スクリプトはサイトのフロント エンドで完全に表示され、すべての競合の問題を解決します。しかし、今では Uncaught TypeError: Cannot call method 'click'というエラーが表示されますnullの

以下のリンクの要素を調べると、エラーが見つかります。

スクリプトは、Web サイト 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 に答える