Question

我在浏览页面时遇到任何问题。这并不是说它没有正常工作，只是它似乎没有做任何事情......而且我已经搜索了一周，试图找到答案或原因，并且它没有转动任何事情，所以我到了这里，我将在这里问你们一个问题，并希望我能得到一些帮助。我的html和js文件粘贴在这里：

HTML

<html>
    <head>
        <title>My Page!</title>
        <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
                <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery.min.js"></script>
        <script src='script.js'></script>
    </head>
    <body>
    <div class="wrapper">
        <header>Welcome to my site!</header>
        <nav>
            <a href="i310index.html"> About Me |</a>
            <a href="i310interests.html">My Interests |</a>
            <a href="i310resume.html">Resume |</a>
            <a href="i310contact.html">Contact Me</a>
        </nav>
            <div class="content">
                <p>Hello there, my name is Amanda and I'm a fifth year senior here at IU. I have been spent the semester learning jQuery for INFO-I 310 to make this website. It has been difficult to learn, but it has also been really interesting!
                <br /> <br />
                I will be graduating from IU this May (2014) with a Bachelor's degree in Informatics, as well as a cognate and minor in Pyschology. I would love to find a career after graduation where I can use the technology skills I have learned to help others. While I will be sad to leave IU, I am also excited about what will come in the future!</p>
            </div>
    </div>          
    </body>
</html>

jQuery文件

$(document).ready(function() {
    $( ".content" ).resizable({ animate: true });
});

我只是不知道还有什么地方可以看到这一点，我想出去为什么它不会做任何事情，所以任何帮助都会非常感激！非常感谢！！：）

Answer 1

链接问题。替换此链接

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery.min.js"></script>

带

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

Answer 2

您的jquery ui网址无效，

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>

取代

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery.min.js"></script>

Working demo

我似乎无法在我的页面上运行任何jQuery事件

2 个答案: