Сценарий перестает работать при размещении на страницах Github

Я построил генератор случайных предложений - когда вы нажимаете кнопку HTML, под ним создается случайное предложение. Генерация рассчитана на простой скрипт и jQuery.Сценарий перестает работать при размещении на страницах Github

Он отлично работает на моей локальной машине: когда я открываю index.html в браузере, все идет гладко.

Но как только я загружу в GiHub и перейду на страницу страниц GitHub, генератор перестает работать. Нажатие кнопки ничего не делает.

Вот сценарий (это все содержащиеся в файле index.html):

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<script> function sentenceLoad() { 

    //declare arrays 
    var nouns = ['Mulder, Scully, and']; 
    var names = ['Assistant Director Skinner', 'the Cigarette Smoking Man', 'Alex Krycek']; 
    var actions = ['are running from alien bounty hunters', 'are tracking a shapeshifter', 'are hunting a mutant serial killer']; 
    var places = ['in the woods of New Jersey', 'in a government bunker', 'in Olympic National Forest'];  
    //shuffle through contents of each array, picking one entry per array 
    var randNoun = nouns[Math.floor(Math.random() * nouns.length)]; 
    var randName = names[Math.floor(Math.random() * names.length)]; 
    var randAction = actions[Math.floor(Math.random() * actions.length)]; 
    var randPlace = places[Math.floor(Math.random() * places.length)]; 
    //place the random entry into the appropriate place in the HTML 
    jQuery("h5").html(""); 
    jQuery("h5").append(randNoun + "&nbsp;"); 
    jQuery("h5").append(randName + "&nbsp;"); 
    jQuery("h5").append(randAction + "&nbsp;"); 
    jQuery("h5").append(randPlace); 
}

Что бы вызвать эту работу на местном уровне, но не работает на Github Страницы?

источник

2016-08-13 Gerrard Cap.

Проверьте консоль на наличие ошибок –

Вы можете разместить URL GitHub Pages? – yuriy636

Возможный дубликат [Заблокированная загрузка смешанного активного содержимого] (https://stackoverflow.com/questions/20605423/blocked-loading-mixed-active-content) –

Если вы откроете свой Developer Tools панель (в Chrome, нажмите правой кнопкой мыши на странице и выберите Проверить), вы увидите эту ошибку в сетевой консоли:

Mixed Содержание: страница в 'https://bobbyfestgenerator.github.io/' был загружен через HTTPS, но запросил небезопасный скрипт 'http://code.jquery.com/jquery-1.10.1.min.js'. Этот запрос заблокирован; содержимое должно быть передано через HTTPS.

Вам необходимо загрузить скрипт поверх HTTPS вместо HTTP.

Причина, по которой эта функция работает локально, заключается в том, что вы используете схему file:// на своем локальном компьютере (или http://, если у вас есть локальный сервер разработки). В этом случае браузер не имеет проблем с загрузкой внешнего скрипта через HTTP.

Однако Github Pages размещает ваш файл через HTTPS (безопасное соединение) для вас. По соображениям безопасности браузер не загружает скрипт через HTTP, если страница размещена на HTTPS.

Просто измените код в <head> тег, чтобы загрузить скрипт по протоколу HTTPS:

<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>

источник

2016-08-13 15:48:44

Это сделало трюк! Нейт, ты герой. –

@ LankArnold Счастливые помочь! Консоль - это первое место для проверки таких вещей. Кстати, вы можете повышать в дополнение к принятию, если это был полезный ответ. :) –

Сценарий перестает работать при размещении на страницах Github

ответ

Смежные вопросы