Buongiorno a tutti,
sto cercando di incorporare il seguente codice in una APP WEB perfettamente funzionante che già incorpora un collegamento ad jquery ma di versione più recente, di seguito il link:
<script src="https://code.jquery.com/jquery-3.1.1.min.js" type="text/javascript"></script>



Quello che invece vedete di seguito è il blocco di codice che vorrei integrare e che mi darebbe una funzionalità di tipo audio con playlist integrata per mp3 che devo esporre sul sito web.

I problemi sono molteplici: incollando il codice così com'è non funziona nulla.
Ma non solo, quando clicca sul tasto PLAY parte il POST BACK dell pagina e non il play dell'mp3. Credo che dipenda dal fatto che JQUERY non sta lavorando come dovrebbe.

Come posso far convivere questo bocco di codice con tutto il resto?

Grazie per i suggerimenti!




<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="../js/main.js"></script>
<link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
<link href="../css/style.css" rel="stylesheet" />


<div id="container">
<div id="audio-image">
<img class="cover">
</div>
<div id="audio-player">
<div id="audio-info"><span class="artist"></span>- <span class="title"></span></div>
<input id="volume" type="range" min="0" max="10" value="4">
<br>
<div id="buttons">
<span>
<button id="prev"></button>
<button id="play"></button>
<button id="pause"></button>
<button id="stop"></button>
<button id="next"></button>
</span>
</div>
<div class="clearfix"></div>
<div id="tracker">
<div id="progress-bar"><span id="progress"></span></div>
<span id="duration">0:00</span>
</div>
<div class="clearfix"></div>
<ul id="playlist" class="hidden">
<li song="Sample.mp3" cover="cover1.jpg" artist="Linkin Park">Sample.mp3</li>
<li song="Sample.mp3" cover="cover1.jpg" artist="Linkin Park">Sample.mp3</li>
<li song="Sample.mp3" cover="cover1.jpg" artist="Linkin Park">Sample.mp3</li>
<li song="Sample.mp3" cover="cover1.jpg" artist="Linkin Park">Sample.mp3</li>
<li song="Sample.mp3" cover="cover1.jpg" artist="Linkin Park">Sample.mp3</li>
</ul>
</div>
</div>
10.161 messaggi dal 09 febbraio 2002
Contributi
Ciao,
l'ideale sarebbe se riuscissi a riusare la versione di jQuery già referenziata nella pagina, in modo che il sito non costringa l'utente a scaricare due versioni diverse.

Il player che hai scelto è in grado di lavorare con jquery 3.1.1? Se non lo supportasse, se ne esistono altri ugualmente validi che possano fare al caso tuo.


Ma non solo, quando clicca sul tasto PLAY parte il POST BACK dell pagina


Modifica i <button> in <button type="button">. Così il postback non si verificherà in nessun caso.


Se è assolutamente necessario far convivere le due versioni di jQuery, dovresti usare il metodo noConflict come illustrato in questo esempio:
https://stackoverflow.com/questions/1566595/can-i-use-multiple-versions-of-jquery-on-the-same-page


Nel tuo caso, dovresti referenziare la versione 3 prima dell'altra e subito invocare il noConflict per assegnare jquery3 ad una tua variabile.

ciao,
Moreno

Enjoy learning and just keep making

Torna al forum | Feed RSS

ASPItalia.com non è responsabile per il contenuto dei messaggi presenti su questo servizio, non avendo nessun controllo sui messaggi postati nei propri forum, che rappresentano l'espressione del pensiero degli autori.