Javascript работает только после загрузки всей страницы

0

У меня есть слайдер изображения на моей веб-странице. Ползунок выполнен в соответствии с кодом в приведенной ниже ссылке.
http://www.htmldrive.net/items/show/37/Dot-Slider-simple-easy-to-use-images-slideshow-jquery-plugins

У меня есть класс CSS, и весь код выглядит так.

<head>
<script type="text/javascript" src="/jquery-1.3.2.min.js"></script>
<link href="/webwidget_slideshow_dot.css" rel="stylesheet" type="text/css"/>
  <script type="text/javascript" src="/webwidget_slideshow_dot.js"></script>


  <script language="javascript" type="text/javascript">

            $(function() {

                $("#demo2").webwidget_slideshow_dot({
                    slideshow_time_interval: '5000',
                    slideshow_window_width: '256',
                    slideshow_window_height: '256',
                    slideshow_title_color: '#FFF',
                    soldeshow_foreColor: '#999',
                });
            });
        </script>
</head>
<body>
<div class="ads2">
<div id="demo2" class="webwidget_slideshow_dot">
    <ul>
        <li><a href="link1" title="Sky"><img src="images/slideshow_large_1.jpg" width="407" height="301" alt="slideshow_large"/></a></li>
        <li><a href="link2" title="Sea"><img src="images/slideshow_large_2.jpg" width="407" height="301" alt="slideshow_large"/></a></li>
        <li><a href="link3" title="Flower"><img src="images/slideshow_large_3.jpg" width="407" height="301" alt="slideshow_large"/></a></li>
        <li><a href="link4" title="Treelink4"><img src="images/slideshow_large_4.jpg" width="407" height="301" alt="slideshow_large"/></a></li>
    </ul>
    <div style="clear: both"></div>
</div>
</body>

У меня есть сценарии CGI с использованием Perl, который работает в течение 5 минут. Но javascript не работает в течение этих 5 минут, а выравнивание изображения не ясно в течение этого времени. После загрузки страницы javascript отлично работает. Однако часть Javascript работает нормально, потому что я тестировал с предупреждением в javascript-коде, и он работает в начале страницы. Проблема в том, что когда я вызываю Javascript, используя div, он не работает.

  • 0
    Пожалуйста, предоставьте больше информации. Может быть, ваш жемчужный сценарий, который вы запускаете в течение 5 минут?
  • 0
    Perl кажется неподходящим тегом для этого вопроса ...
Теги:

2 ответа

0

Является ли 5-минутное время загрузки страницы для некоторого опущенного содержимого после вашего # demo2 div, но до закрытия тега body?

Тот факт, что вы завернули свою функцию в $ (...), означает, что она не будет вызываться до тех пор, пока не будет загружена, проанализирована и не готова вся модель DOM (Document Object Model).

Одна вещь, которую нужно попробовать, - переместить этот блок сценария в тело html, после # demo2 div. Также удалите "$ (function() {" оболочку из кода. Не достаточно знакомы с виджетами слайд-шоу, которые вы пытаетесь использовать, чтобы узнать, будет ли он работать без полной готовности DOM, хотя...

Поделиться
0

$(/*code*/) является ярлыком для ready() что означает, что код в $(/*code*/) не будет выполнен до тех пор, пока не будет загружен документ HTML.

Поделиться
  • 0
    Я не знаком с JavaScript. Не могли бы вы объяснить?
  • 0
    Я прошел по ссылке. Я удалил оба символа "(" перед функцией. Но теперь код вообще не загружается. Не могли бы вы переписать код для меня.
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню