个人中心
gpt4 book ai didi

javascript - JQuery 不能在 Tumblr 上工作？

转载 作者：行者123 更新时间：2023-11-28 01:44:32 24 4
gpt4 key购买 nike

我是 JQuery 的新手。我一直在尝试使用这个 Jquery http://jsfiddle.net/54pp2/2/ ,

<input id="click" type="button" value="click" />
<label id="test">Test</label>
$(document).ready(function () {
    var textArray = [];
    textArray[0] = 'test 1';    
    textArray[1] = 'test 2';    
    textArray[2] = 'test 3';    
    textArray[3] = 'test 4';    

    var idx = 0;
    $('input#click').on('click', function() {
        idx++;
        var newidx = idx % textArray.length;
        $('label#test').text(textArray[newidx]);
    });
});

但是当我把它放在我的主题代码中时，它不会工作，即使 jsfiddle 显示它工作得很好。

如果你想看:http://dialoguetest.tumblr.com/

(当你点击侧边栏上的粉红色按钮时，描述文本会发生变化。但是你只能点击一次，不像 jQuery 代码可以让按钮被点击几次来改变文本。)

当我尝试使用 jQuery 时，它不起作用:http://dialoguetest2.tumblr.com/

有什么我想念的吗？我知道我必须添加 

<script type="text/javascript">

并以

结束 
</script>

为了让它发挥作用。但是我还缺少其他东西吗，比如使用 Google AJAX 库 API？

如果可以，那怎么可能呢？

最佳答案

要在 HTML 页面中实现此功能，您需要在 head 中放置对 jQuery 的脚本引用以及您的 JS 代码(在 DOM 就绪处理程序中)。像这样:

<!DOCTYPE html>
<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script type="text/javascript>
            $(document).ready(function () {
                var textArray = [];
                textArray[0] = 'test 1';    
                textArray[1] = 'test 2';    
                textArray[2] = 'test 3';    
                textArray[3] = 'test 4';    

                var idx = 0;
                $('input#click').on('click', function() {
                    idx++;
                    var newidx = idx % textArray.length;
                    $('label#test').text(textArray[newidx]);
                });
            });
        </script>
    </head>

    <body>
        <input id="click" type="button" value="click" />
        <label id="test">Test</label>            
    </body>
</html>

关于javascript - JQuery 不能在 Tumblr 上工作？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23696787/

24 4 0
文章推荐： javascript - Chrome 垃圾收集
文章推荐： C++ 声明 const 变量，但推迟其初始化？
文章推荐： css - 如何访问 EL inside style 标签？
文章推荐： javascript - jsRender 模板中的算术运算符
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com