Как предотвратить структуру URL влиял JQuery/JavaScript функции

строю небольшой музыкальный сайт, и я с помощью mediaelement.js, следующий код заменяет аудиоплеер по умолчанию с идентификатором = «аудио-плеер»Как предотвратить структуру URL влиял JQuery/JavaScript функции

$(function(){ 
     $('#audio-player').mediaelementplayer({ 
     alwaysShowControls: true, 
     features: ['playpause','progress','volume'], 
     audioVolume: 'horizontal', 
     iPadUseNativeControls: true, 
     iPhoneUseNativeControls: true, 
     AndroidUseNativeControls: true 
     }); 
    });

ПРОБЛЕМА когда я использую URL, указав только один каталог, как mysite.com/folder1 он работает нормально, но когда я использую URL с большим количеством вложенных папок, как mysite.com/folder1/folder2 я получаю JS TypeError

TypeError: $(...).mediaelementplayer is not a function 
<anonymous> 
noe:176 
x.Callbacks/c() 
jquery-1.10.2.min.js:4 
x.Callbacks/p.fireWith() 
jquery-1.10.2.min.js:4 
.ready() 
jquery-1.10.2.min.js:4 
q()

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

источник

2016-09-28 F.E Noel Nfebe

Это не имеет никакого отношения к показанному фрагменту кода, но путь к mediaelement.js просто ошибочен. Вам нужно либо изменить путь к страницам глубже в структуре папок, либо просто передать его из корня домена, используя ведущую косую черту. – CBroe

Спасибо, я использую laravel, у которого есть папка, с которой ссылаются файлы ресурсов. Также есть файл (app.blade.php), содержащий ссылку url на все файлы ресурсов, этот файл затем расширяется (вызывается) на каждой другой странице. Поэтому я не думаю, что у меня проблема с ссылкой на URL. –

Используйте инструменты разработчика вашего браузера, чтобы узнать, можно ли загрузить сценарий правильно или нет. // Другая возможная причина может заключаться в том, что '$ ('# audio-player')' просто не находит элемент на этих страницах; что может вызвать такую ошибку. – CBroe

После внесения некоторых исследований и использования моего браузера инструменты для исследования, как указано CBroe в комментариях. Я заметил файлы, где не загружался. Также я нашел JS TypeError возникает, когда мы пытаемся сделать ссылку на неопределенные объекты так или иначе. Заметив файлы, в которых не загружался, я мог написать лучший поисковый запрос, который приземлился на этот вопрос SO Laravel stylesheets and javascript don't load for non-base routes, который решил проблему. Надеюсь, это поможет кому-то.

источник

2016-09-28 13:35:58

Как предотвратить структуру URL влиял JQuery/JavaScript функции

ответ

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