Question

我想移动以下页面

http://cliponexpress.com/customize-your-clipon.html

进入这个wordpress页面

单击缩略图时，下面的脚本会更改图像。它在html页面上运行正常，但无论我在哪里放置它（尝试页眉，页脚和页面本身），我都无法在wordpress上工作。

知道我做错了吗？

这是脚本：

<script type="text/javascript">
$('a.thumbnail').click(function() {
    var src = $(this).attr('href');
    var output = src.split('/').pop().split('.').shift();
    $("#os1").val(output);
    $("#os1_text").text(output);
    if (src != $('img#lens').attr('src').replace(/\?(.*)/, '')) {
        $('img#lens').stop().animate({
            opacity: '0'
        }, function() {
            $(this).attr('src', src + '?' + Math.floor(Math.random() * (10 * 100)));
        }).load(function() {
            $(this).stop().animate({
                opacity: '1'
            });
        });
    }
    return false;
});

$('a.thumbnail2').click(function() {
    var src = $(this).attr('href');
    var output = src.split('/').pop().split('.').shift();
    $("#os0").val(output);
    $("#os0_text").text(output);
    if (src != $('img#chassis').attr('src').replace(/\?(.*)/, '')) {
        $('img#chassis').stop().animate({
            opacity: '0'
        }, function() {
            $(this).attr('src', src + '?' + Math.floor(Math.random() * (10 * 100)));
        }).load(function() {
            $(this).stop().animate({
                opacity: '1'
            });
        });
    }
    return false;
});

谢谢。

Answer 1

试试这个：

<script type="text/javascript">
(function($) {
   $(document).ready(function(){
      alert('test');
     /*ADD YOUR CODE HERE*/
   });
}(jQuery));
</script>

脚本不在wordpress中工作

1 个答案: