PG
Can you help me in jQuery?
Size: a a a
2020 April 03
Z
Piyush Gupta
Can you help me in jQuery?
I'm still learning, but maybe I can help in something
PG
Piyush Gupta:
<div id="apps">
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$.getJSON("https://sp-projects.000webhostapp.com/index.php?url=https://2020sp.github.io/spApp/test.json",function(data){
$.each(data.users,function(i,get){
$("#apps").append("<li>" + get.name + "<button link='" + get.url + "'class='fa fa-download'><font>App</font></button></li>");
});});
$("#apps").on("click",".fa-download",function(){
getFileSize($(this).attr("link"))});
</script>
<div id="apps">
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$.getJSON("https://sp-projects.000webhostapp.com/index.php?url=https://2020sp.github.io/spApp/test.json",function(data){
$.each(data.users,function(i,get){
$("#apps").append("<li>" + get.name + "<button link='" + get.url + "'class='fa fa-download'><font>App</font></button></li>");
});});
$("#apps").on("click",".fa-download",function(){
getFileSize($(this).attr("link"))});
</script>
Z
Piyush Gupta
Can you help me in jQuery?
if something is wrong, then know: google translate
PG
I'm still learning, but maybe I can help in something
Only 1st click is working for download btn
Z
Piyush Gupta
Piyush Gupta:
<div id="apps">
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$.getJSON("https://sp-projects.000webhostapp.com/index.php?url=https://2020sp.github.io/spApp/test.json",function(data){
$.each(data.users,function(i,get){
$("#apps").append("<li>" + get.name + "<button link='" + get.url + "'class='fa fa-download'><font>App</font></button></li>");
});});
$("#apps").on("click",".fa-download",function(){
getFileSize($(this).attr("link"))});
</script>
<div id="apps">
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$.getJSON("https://sp-projects.000webhostapp.com/index.php?url=https://2020sp.github.io/spApp/test.json",function(data){
$.each(data.users,function(i,get){
$("#apps").append("<li>" + get.name + "<button link='" + get.url + "'class='fa fa-download'><font>App</font></button></li>");
});});
$("#apps").on("click",".fa-download",function(){
getFileSize($(this).attr("link"))});
</script>
Hmm
Z
Piyush Gupta
Piyush Gupta:
<div id="apps">
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$.getJSON("https://sp-projects.000webhostapp.com/index.php?url=https://2020sp.github.io/spApp/test.json",function(data){
$.each(data.users,function(i,get){
$("#apps").append("<li>" + get.name + "<button link='" + get.url + "'class='fa fa-download'><font>App</font></button></li>");
});});
$("#apps").on("click",".fa-download",function(){
getFileSize($(this).attr("link"))});
</script>
<div id="apps">
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$.getJSON("https://sp-projects.000webhostapp.com/index.php?url=https://2020sp.github.io/spApp/test.json",function(data){
$.each(data.users,function(i,get){
$("#apps").append("<li>" + get.name + "<button link='" + get.url + "'class='fa fa-download'><font>App</font></button></li>");
});});
$("#apps").on("click",".fa-download",function(){
getFileSize($(this).attr("link"))});
</script>
@Ifreekazoid мб ты знаешь
Z
Piyush Gupta
Piyush Gupta:
<div id="apps">
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$.getJSON("https://sp-projects.000webhostapp.com/index.php?url=https://2020sp.github.io/spApp/test.json",function(data){
$.each(data.users,function(i,get){
$("#apps").append("<li>" + get.name + "<button link='" + get.url + "'class='fa fa-download'><font>App</font></button></li>");
});});
$("#apps").on("click",".fa-download",function(){
getFileSize($(this).attr("link"))});
</script>
<div id="apps">
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$.getJSON("https://sp-projects.000webhostapp.com/index.php?url=https://2020sp.github.io/spApp/test.json",function(data){
$.each(data.users,function(i,get){
$("#apps").append("<li>" + get.name + "<button link='" + get.url + "'class='fa fa-download'><font>App</font></button></li>");
});});
$("#apps").on("click",".fa-download",function(){
getFileSize($(this).attr("link"))});
</script>
I don't know, because i am idiot
PG
Anybody please🙏🙏🙏
A
кстати, кому не лень помогите плез.Есть код с бург меню, все работает, но когда первый раз кликаю по кнопке не работает, но если дальше тыкать, то переключение происходит, что делать в этом случае?
<!DOCTYPE html>
<html>
<head>
<title>Doc</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
</head>
<body>
<button class="btn">Click</button>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">About</a></li>
</ul>
</nav>
<script>
$('.btn').on('click', function (){
$('nav').toggle (
function (){
$(this).animate({
'left':'-10px'
});
});
});
</script>
<style>
nav{
border-radius: 10px;
left: -220px;
margin-top: 20px;
position: absolute;
background-color: black;
height: 100%;
}
ul{
margin-right: 25px;
list-style-type: none;
}
a {
color: blue !important;
text-decoration: none;
}
li{
margin-top: 15px;
}
</style>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Doc</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
</head>
<body>
<button class="btn">Click</button>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">About</a></li>
</ul>
</nav>
<script>
$('.btn').on('click', function (){
$('nav').toggle (
function (){
$(this).animate({
'left':'-10px'
});
});
});
</script>
<style>
nav{
border-radius: 10px;
left: -220px;
margin-top: 20px;
position: absolute;
background-color: black;
height: 100%;
}
ul{
margin-right: 25px;
list-style-type: none;
}
a {
color: blue !important;
text-decoration: none;
}
li{
margin-top: 15px;
}
</style>
</body>
</html>
A
Piyush Gupta
Piyush Gupta:
<div id="apps">
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$.getJSON("https://sp-projects.000webhostapp.com/index.php?url=https://2020sp.github.io/spApp/test.json",function(data){
$.each(data.users,function(i,get){
$("#apps").append("<li>" + get.name + "<button link='" + get.url + "'class='fa fa-download'><font>App</font></button></li>");
});});
$("#apps").on("click",".fa-download",function(){
getFileSize($(this).attr("link"))});
</script>
<div id="apps">
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$.getJSON("https://sp-projects.000webhostapp.com/index.php?url=https://2020sp.github.io/spApp/test.json",function(data){
$.each(data.users,function(i,get){
$("#apps").append("<li>" + get.name + "<button link='" + get.url + "'class='fa fa-download'><font>App</font></button></li>");
});});
$("#apps").on("click",".fa-download",function(){
getFileSize($(this).attr("link"))});
</script>
Z
Ты хоть знаешь, как я пишу код
Z
Сижу на унитазе и кодю на телефоне
Z
"очень интересная информация"
Z
Потом зарегаться надо , кстати, спасибо
A
Потом зарегаться надо , кстати, спасибо
там не обязательно регаться https://codepen.io/pen/
Z
там не обязательно регаться https://codepen.io/pen/
Чтобы сохранить надо
A
Чтобы сохранить надо
хм, точняк, ну тогда в любую другую песочницу можно выложить