Не видит внешний скрипт

@Iyad1020 · Регистрация: 28.10.2015

Author24 — интернет-сервис помощи студентам

Вопрос такой: Пытаюсь сделать выпадающий список, когда набирается название в TextBox. Нашел autocompete jquery. Хочу во внешнем скрипте хранить соответсвующие названия, которые будут выпадать при вводе. В моем случае это сприпт Local.js. Выпадания не происходит. Если раскомментить строки 16-20 то выпадание будет, но я хотел бы хранить эти данные во внешнем файле. Не понимаю, почему не работает выпадание при подключении внешнего скрипта.

HTML5

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="TryTechnologiesAspJq.WebForm1" %>
 
<!DOCTYPE html>
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
    <script src="Local.js"></script>
    <script>
        $(function () {
      //      var availableTags = [
      //"'S-Hertogenbosch",
      //"'S-Hertogenbosch Oost",
      //"A Du Pdt Kennedy Radio France"
      //      ];
    $( "#tags" ).autocomplete({
        source: availableTags
    });
  });
  </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="tags" runat="server"></asp:TextBox>
    </div>
    </form>
</body>
</html>

Код скрипта Local.js

Javascript

var availableTags = [
      "'S-Hertogenbosch",
      "'S-Hertogenbosch Oost",
      "A Du Pdt Kennedy Radio France"
            ];

@sau · 09.07.2016, 00:22

Потому как внешние ресурсы подгружаются асинхронно ,
нужно либо подписаться на событие загрузки скрипта - script.onload , либо на событие window.onload , а иначе , функция просто не увидит availableTags , и в консоли разработчика браузера эта ошибка должна быть отражена.

@Lutk · 15.07.2016, 22:07

HTML5

<script src="Local.js"></script>
<script>
    $(document).ready(function () {
        $('#tags').autocomplete({
            source: availableTags
        });
    });
</script>

По-моему так..

@sau · 17.07.2016, 13:03

Сообщение от Lutk

По-моему так..

документ реди срабатывает по готовности DOM, но это не означает что внешние скрипты загружены.
аналог window.onload на jquery-> $(window).load

@sau 2735 / 2041 / 380 Регистрация: 22.07.2011 Сообщений: 7,731
	09.07.2016, 00:22	2
	Потому как внешние ресурсы подгружаются асинхронно , нужно либо подписаться на событие загрузки скрипта - script.onload , либо на событие window.onload , а иначе , функция просто не увидит availableTags , и в консоли разработчика браузера эта ошибка должна быть отражена. 0

@sau 2735 / 2041 / 380 Регистрация: 22.07.2011 Сообщений: 7,731
	17.07.2016, 13:03	4
	Сообщение от Lutk По-моему так.. документ реди срабатывает по готовности DOM, но это не означает что внешние скрипты загружены. аналог window.onload на jquery-> $(window).load 0