Hey guys,
So basically, when page loads, I want to load a html file and it contains some JQuery functions, such as .draggable().
But when it loads, it does not work, and console says '.draggable() is not a function'
Code:
index.php:
load.js
player.html:
as you can see, it loads everything, no 404 but it still remains.
How may I solve that?
Thanks.
So basically, when page loads, I want to load a html file and it contains some JQuery functions, such as .draggable().
But when it loads, it does not work, and console says '.draggable() is not a function'
Code:
index.php:
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Player</title>
</head>
<body>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.js"></script>
<script src="load.js"></script>
</body>
</html>
Code:
$(document).ready(function(){
$('body').load('player.html');
});
Code:
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin">
<link href="http://URL/player/css/reset.css" rel="stylesheet" type="text/css"/>
<link href="http://URL/player/css/style.css" rel="stylesheet" type="text/css"/>
<link href="http://URL/player/css/tipped.css" rel="stylesheet" type="text/css"/>
<audio id="player2" src="http://cassini.shoutca.st:9252/stream" autoplay="">
</audio>
<div id="area_player" >
<div id="player" class="draggable ui-widget-content ui-draggable" style="left: 0%; position: relative;">
<div class="player_min">
<div class="guy">
</div>
<div class="txt">Radio
</div>
<div class="handle tip ui-draggable-handle" title="Dragger">
</div>
<div class="open o-c tip" title="Open">
</div>
</div>
<div class="player">
<div class="plus tip" title="Volume up " style="cursor:pointer" onclick="SetVolumeHigher()">
</div>
<div class="min tip" title="Volume down" style="cursor:pointer" onclick="SetVolumeLower()">
</div>
<a class="venorequest orders tip" data-type="iframe" href="https://URL/staff/_frontend/requests.php" title="req">
</a>
<a id="playerButton" data-enable="1">
<div class="play pause tip" title="Toggle Radio" style="cursor:pointer">
</div>
</a>
<a id="toggler" onclick="UpdateAudio()">
<div class="update tip" title="" style="cursor:pointer">
</div>
</a>
<div class="separa">
</div>
<div class="info locutor tip" title="DJ">
<span class="cc_streaminfo" data-type="title" data-username="habflare">
</span>
<br/>
</div>
<div class="info music tip" title="Song">
<a style="color:#FFF;text-decoration: none;">
<marquee scrollamount="5">
<span class="cc_streaminfo" data-type="rawmeta" data-username="habflare">
</span>
</marquee>
</a>
</div>
<div class="info listeners tip" title="Listeners">
<a style="color:#FFF;text-decoration: none;">
<span class="cc_streaminfo" data-type="listeners" data-username="habflare">
</span>
</a>
</div>
<div class="close o-c tip" title="Close">
</div>
<div class="handle tip ui-draggable-handle" title="Dragger">
</div>
<a href="http://URL" target="_blank">
<div class="dev tip" title="Radio">
</div>
</a>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<script src="http://URL/player/tipped.js?Radio" type="text/javascript">
</script>
<script src="http://URL/player/player1.js?Radio" type="text/javascript">
</script>
<script src="http://URL/player/principal.js?Radio" type="text/javascript">
</script>
<script src="http://URL/player/player/js/JQuery-UI.js?Radio">
</script>
<script src="http://URL/player/player/js/venobox.js?Radio">
</script>
<script language="javascript" type="text/javascript" src="https://cassini.shoutca.st/system/streaminfo.js?Radio">
</script>
as you can see, it loads everything, no 404 but it still remains.
How may I solve that?
Thanks.