jQuery, а другой JS не работает при копировании с рабочего jsfiddle в локальную среду?

0

Даже при загрузке на мой тестовый сервер и использовании DOM-скриптов скрипты, похоже, не реагируют. (Я в Mavericks, Chrome).

Пример JSFiddle: http://jsfiddle.net/LvsYc/1361/

Кто-нибудь мог бы помочь мне настроить это? Я пробовал так много разных вариантов DOM и мне не повезло. Что-то подсказывает мне, что это также связано с:

.change

Я использовал это в коде вчера, и он тоже не работал слишком хорошо. Я снова собрал и нашел:

.bind('change',function)

но моя реализация тоже не сработала. У кого-нибудь есть идеи? Супер раздражает!

Боковой вопрос: нужно ли мне ссылаться на библиотеку jQuery для таких функций, как это или просто jQueries, включая ".slide" и т.д.? Благодарю!

<!DOCTYPE html>
<head>
  <script type="text/javascript" src="code.jquery.com/jquery-1.10.2.min.js"></script>
  <script>
    $(document).ready(function() {
      function readURL(input) {
        if (input.files && input.files[0]) {
          var reader = new FileReader();

          reader.onload = function (e) {
            $('#blah').attr('src', e.target.result);
          }

          reader.readAsDataURL(input.files[0]);
        }
      }
      $("#imgInp").change(function(){
        readURL(this);
      });
    });
  </script>
</head>

<body>
<form id="form1" runat="server">
  <input type='file' id="imgInp" />
  <img id="blah" src="#" alt="my image" />
</form>
</body>
</html>
  • 0
    Какой у вас код (HTML, JQuery)? Что вы хотите от этого? Что он делает вместо этого или что он вообще не делает?
  • 0
    Вы получаете ошибки в консоли вашего сервера?
Показать ещё 6 комментариев
Теги:
dom
document-ready

1 ответ

2
Лучший ответ

Где вы помещаете js на страницу html? Если вы посмотрите на эту скрипту, это не сработает, потому что я выбрал, чтобы js в голове добавлял событие к элементу, который еще не существует.

Поместите js в тело и оберните его точно так же, как сказал Джон С

<body>
<script type="text/javascript">
  $(function() {
    // js code here
  });
</script>
</body>

Кроме того, убедитесь, что вы включили библиотеку jquery!

Поделиться
  • 0
    Спасибо чувак. Это помогает LOL -__-
  • 0
    Означает ли это, что я не могу ссылаться на javascript извне? Или я просто помещаю <script src = "my.js"> </ script> в тело?
Показать ещё 1 комментарий

Ещё вопросы

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