Проблема с включением JS-файлов на HTML-страницу - PullRequest
Новая
       22

Проблема с включением JS-файлов на HTML-страницу

4 голосов
/ 28 июля 2010

Я пытаюсь использовать всплывающую подсказку jQuery. Это то, что у меня есть в <head> из index.html: 

<head>
    <title>Index</title>
    <link rel="stylesheet" href="style.css" type="text/css" />
    <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="js/simpletip-1.3.1.min.js" type="text/javascript"></script>
    <script src="js/homepage.js" type="text/javascript"></script>
</head>

И это в js/homepage.js: 

$(document).ready(function() {
    // meaningless functions

    $('.supported_hosts').simpletip({
        fixed: true,
        position: 'right',
        content: 'test content.'
    });
});

Но по какой-то причине подсказка не отображается. Но он показывает, если я включаю функцию всплывающей подсказки на странице индекса. Есть ли способ заставить это работать без функции всплывающей подсказки на странице индекса, но во внешнем файле? Благодаря.

Ответы [ 2 ]

1 голос
/ 10 августа 2010

Я никогда не использовал самый простой плагин, но я копирую и вставляю ваш заголовок и ваш js-код, и все, кажется, работает просто отлично.

Я связался с последней версией jquery и загрузил свежую копиюsimpletip.js, и он работал с первой попытки.

Единственное отличие состоит в том, что / возможно: - Я не знаю, как выглядит ваш код, когда вы называете класс «support_hosts» в html.- Имя файла simpletip.js, которое я не менял при загрузке, поэтому я проверил бы имена ваших файлов и их относительное местоположение.

Извините, что не было ничего, кроме того, что вы сработали для меня,Вот код, который я использовал в полном объеме, если это поможет вам:

HTML: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>Index</title>
    <link rel="stylesheet" href="style.css" type="text/css" />
    <script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="jquery.simpletip-1.3.1.min.js" type="text/javascript"></script>
    <script src="homepage.js" type="text/javascript"></script>
</head>

<body>
     <span class="supported_hosts">Tool Tips here</span>
</body>
</html>

Javascript, который вы дали: 

$(document).ready(function() {
    // meaningless functions

    $('.supported_hosts').simpletip({
        fixed: true,
        position: 'right',
        content: 'test content.'
    });
});

Я скачал файл simpletip.js здесь: http://code.google.com/p/jquery-simpletip/downloads/detail?name=jquery.simpletip-1.3.1.min.js&can=2&q=

Я бы просто дважды проверил ваши относительные пути и имена классов.Ваш код выглядит хорошо.

0 голосов
/ 24 мая 2012

Перемещение 

<script src="homepage.js" type="text/javascript"></script>

до конца тела, казалось, решил проблему: 

<body>

[code...]

<script src="homepage.js" type="text/javascript"></script>

</body>
...