个人中心
gpt4 book ai didi

javascript - 在 Google Chrome 之外测试 Jquery 链接

转载 作者：行者123 更新时间：2023-11-28 10:48:42 25 4
gpt4 key购买 nike

除了检查 google chrome 中的元素之外，还有其他检查 jquery 链接的方法吗？我已经这样做了，并认为这是问题所在，因为它无法加载链接，但我更正了它，但它仍然不会执行我告诉它执行的操作，特别是 show 函数不会执行动画我在指定。不过，隐藏效果很好，旋转文本也能正常工作。我遇到了 CSS 或 javascript 问题，所以我唯一能想到的就是我搞砸了我的 jquery 链接，我完全不知道我做了什么。

HTML 是:

<!DOCTYPE><HTML>
    <head>
        <title>Mary</title>
        <meta charset="UTF-8"/>
        <link href="C://wamp/www/Projects/Resume/stylesheet.css" type="text/css" rel="stylesheet">
        <link href="C://wamp/www/jquery-ui-1.10.3.custom/css/Mary/jquery-ui-1.10.3.custom.min.css" type="text/css" rel="stylesheet">
        <script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js'></script>
        <script type="text/javascript" src="C://wamp/www/Projects/Resume/jscript.js"></script>
        <script type="text/javascript" src="C://wamp/www/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
    </head>

<body>
<div id="content">
    <div id="list">
    <ul>
        <li><a href="#"></a></li>
        <li><a href="#"><small></small></a></li>
        <li><a href="#"></a></li>
        <li style="font-family:Andale Mono"><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li style="font-family:fantasy"><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li style="font-family: Bitstream Vera Sans Mono"><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"><mark></mark></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
    </ul>
</div> 
</div>


<div id="background">
            <div class="col1">text              
            </div>
            <div class="col1">text  
            </div>  
            <br />
            <br />
            <div class="col2">
                text
            </div>
            <div class="col2">
                <ol>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ol>   
            </div>
            <br />
            <br />
            <div class="col3">
                <ol>
                    <li>text</li>
                    <li>text</li>
                    <li>text</li>
                    <li>text</li>
                    <li>text</li>
                </ol>
            </div>
            <div class="col3">

            </div>
</div>


</body>
</html>

CSS 是:

#content {
    background-color: #030505;
    height:100%;
    width:100%;
}

#list{
    height:100%;
    width:100%;
    position:relative;
    margin:0 auto;
    overflow:hidden;
}

#list ul, #list li{
    list-style:none;
    margin:0;
    padding:0;
}

#list a{
    position:absolute;
    text-decoration: none;
    color: #444444;
}
#list a:hover{
    color: #EB7500;
}

#background {
    width: 100%;
    height: 100%;
    background-color: A3D8F4;
}

.col1 {
    display: block;
    width: 300px;
    height: 200px;
    border-style: dotted;
    margin: 0 auto;
    float: left;
}

.col2{
    display: block;
    width: 300px;
    height: 200px;
    border-style: solid;
    margin: 0 auto;
    float: left;
}

.col3{
    display: block;
    width: 300px;
    height: 200px;
    border-style: solid;
    margin: 0 auto;
    float: left;
}

Javascript/Jquery 是:

$(document).ready(function () {
    var element = $('#list a');
    var offset = 0;
    var stepping = 0.03;
    var list = $('#list');
    var $list = $(list);
        $list.mousemove(function (e) {
            var topOfList = $list.eq(0).offset().top;
            var listHeight = $list.height();
            stepping = (e.clientY - topOfList) / listHeight * 0.2 - 0.1;
});
for (var i = element.length - 1; i >= 0; i--) {
    element[i].elemAngle = i * Math.PI * 2 / element.length;
        }
    setInterval(render, 30);
function render() {
    for (var i = element.length - 1; i >= 0; i--) {
        var angle = element[i].elemAngle + offset;
            x = 120 + Math.sin(angle) * 10;
            y = 45 + Math.cos(angle) * 40;
            size = Math.round(40 - Math.sin(angle) * 20);
                var elementCenter = $(element[i]).width() / 2;
                var leftValue = (($list.width() / 2) * x / 100 - elementCenter) + "px"
                    $(element[i]).css("fontSize", size + "pt");
                    $(element[i]).css("opacity", size / 100);
                    $(element[i]).css("zIndex", size);
                    $(element[i]).css("left", leftValue);
                    $(element[i]).css("top", y + "%");
                }
                offset += stepping;
            }
});

$(function(){
    $('#content').click(function(){
        $(this).hide();
        $('#background').show();
    });
});

在解决我的链接的另一个问题(我引用了错误的 CSS 链接)之前，jquery 工作正常!我正在试验所有的节目选项。我不确定现在发生了什么，我希望这只是我无法在检查元素部分找到的一些链接错误，或者有人可能知道其他一些最佳实践可以帮助我解决这个问题并避免以后这个问题。非常感谢!

最佳答案

您在 jscript.js 之后链接 Jquery-ui 分钟。你可能想把它放在 jscript.js 之前。这可以解决问题。

关于javascript - 在 Google Chrome 之外测试 Jquery 链接，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22869589/

25 4 0
文章推荐： CSS nth-child，穿越 Twig
文章推荐： javascript - 我想通过单击 HTML 按钮在 Canvas 中画一条线，我试过了，但它不起作用
文章推荐： javascript - 有没有办法警告使用 IE 版本不支持的 JavaScript 功能？
文章推荐： javascript - Spotify 如何屏蔽音频 URL 并阻止下载歌曲 mp3
行者123
个人简介

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

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