JQuery Click voqeasi javob bermadi

JQuery hodisasi bilan bir oz muammo bor. Men bir tugmani bosish bilan div-da HTML-sahifani yuklashni xohlayman. Har bir xslt va tugmacha bilan tugmacha dinamik ravishda yaratiladi. Brauzerda hamma yaxshi izohlanadi, lekin hodisa ishlamadi.

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

$(document).ready(function(){ 
        console.log('partie1');
  $('#Btn_MILENG').click(function(){
        console.log('partie2');
        $( "#DIV_DETAIL" ).html('' );
        });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Détails
</div> </div>

Kimdir muammo ko'rayotgan bo'lsa, men uchun bu juda foydali bo'ladi.

1
id bermasdan, click() hodisasini qanday qilib chaqirish mumkin? id ni belgilang va keyin tekshiring.
qo'shib qo'ydi muallif prakash tank, manba
qo'shib qo'ydi muallif Mayank Patel, manba

8 javoblar

your link dont have an Id

Either add an Id="Btn_MILENG" to your link, or change $('#Btn_MILENG') ==> $('[name="Btn_MILENG"]')

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

$(document).ready(function() {
  console.log('partie1');
  $('#Btn_MILENG').click(function() {
    console.log('partie2');
    $("#DIV_DETAIL").html('');
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Détails
</div> </div>
3
qo'shib qo'ydi

Siz faqat Idga elementni bermadingiz

yo'nalishingizni o'zgartiring

Détails

2
qo'shib qo'ydi
nima ish bermadi? ga id qo'shishdan keyin ishlash kerak .Ammo tag DOMda bo'lishi kerak
qo'shib qo'ydi muallif Mayank Patel, manba
Haqiqatan ham siz aniq nimani tushuntirishga harakat qilyapman.
qo'shib qo'ydi muallif Mayank Patel, manba
ishlamayotgan narsaga va siz erishmoqchi bo'lgan narsalarga batafsil to'xtalib o'tasiz.
qo'shib qo'ydi muallif Mayank Patel, manba
siz dinamik ravishda qo'shilgan elementni $ ('# Btn_MILENG') amalga oshirgandan so'ng (function() {console.log ('partie2') $ ("# DIV_DETAIL") html (' < ob'ekt> ');}); kodni bosing
qo'shib qo'ydi muallif Mayank Patel, manba
Qanday qilib siz majburiy elementni dinamik tarzda ko'rsatishingiz mumkin?
qo'shib qo'ydi muallif Mayank Patel, manba
Id bilan allaqachon sinab ko'rdim, lekin u ishlamadi. stolda turish muhimmi?
qo'shib qo'ydi muallif nathanael nourry, manba
Bir nechtagacha Id mavjud edi, men bir necha soatdan buyon bu haqida eshitdim va shuning uchun nima uchun yordam so'ragan edim :) Bu erda faqat berilgan barcha yechimni sinab ko'rmoqchi edim, lekin birinchi konsol jurnalini ko'rdim ( hujjatga tayyor), ammo klikga oluvchi ikkinchi odam ko'rinmadi. Men butunlay yo'qolmadim ^^
qo'shib qo'ydi muallif nathanael nourry, manba
XSLT ishlashi bilan, men dinamik ravishda ul/LI ro'yxatini yaratib beraman. Ushbu ro'yxat orkchart uchun (men buni ishlataman [link] ( github.com/caprica/jquery-orgchart )) va menda "tugmachani" bosish bilan aniqlangan ma'lumotlar bilan tanishish uchun tugmachani yaratdim. bu erda havola nomli printscreen ekrani mavjud. Umid qilamanki, bu sizga yordam berishi mumkin :) PS: barchasi dinamik ravishda yaratilgan;)
qo'shib qo'ydi muallif nathanael nourry, manba
Orqa tomonga qarang, kodni boshqa javob bilan yuboraman :)
qo'shib qo'ydi muallif nathanael nourry, manba

Siz tugmachaning dinamikasiga qo'shganingiz uchun ni hodisasidan foydalaning. Shuningdek, tugmaning o'rtacha qiymati havola bo'lsa, u holda ID kodini a tagiga qo'shishingiz kerak:

$(document).ready(function(){ 
    console.log('partie1');
        $(document).on("click", '#Btn_MILENG', function(){
        console.log('partie2');
               $( "#DIV_DETAIL" ).html('' );
            });  
        });
Détails
0
qo'shib qo'ydi
Bir teg Id o'zimning sinab ko'rganimdan biri edi, men hozir fex-soatlardan buyon bu yerda yashayman va nima uchun yordam so'rayapman :) Mana, men berilgan barcha yechimni sinab ko'rmoqchi edim, lekin birinchi konsol jurnalini ko'rdim ( hujjatga tayyor), ammo klikga oluvchi ikkinchi odam ko'rinmadi. Men butunlay yo'qolmadim ^^
qo'shib qo'ydi muallif nathanael nourry, manba

id tagini kiritishingiz kerak

Détails

yoki siz sinfdan foydalanishingiz mumkin

$(document).ready(function(){ 
console.log('partie1');
    $('.Btn_MILENG').click(function(){
    console.log('partie2');
           $( "#DIV_DETAIL" ).html('' );
        });  
    });

va id ishlatmoqchi bo'lsangiz

 $(document).ready(function(){ 
console.log('partie1');
    $('#Btn_MILENG').click(function(){
    console.log('partie2');
           $( "#DIV_DETAIL" ).html('' );
        });  
    });

ham ishlaydi

0
qo'shib qo'ydi

tanada:

                    


  • Détails

    boshida:

    
        
        <script>      
            $(document).ready(function(){ 
    console.log('partie1');
        $(document).on("click", '#Btn_', function(){
        console.log('partie2');
               $( "#DIV_DETAIL" ).html('' );
            });  
        });
    </script>
    
    
0
qo'shib qo'ydi

Men bu muammoni hal qildim, lekin bu yechim emas ... UL LI ni dinamik tarzda ishlab chiqaraman, keyin u caprica orkchartdan JS treysni tuzib, orkchartni yaratish uchun stol yarataman ... men bu narsalarning dinamik ravishda sekin urish funktsiyasini ishga tushirish ... men to'g'ri elementni qanday tinglashni va qanday to'g'ri ekanligini bilmayman ...

0
qo'shib qo'ydi

Muammo hal qilindi!

the JS who create the orgchart, put a "< a> " to have is td clickable... and i try to put a < a> in it , when i finnaly see it , i put my second < a> into a span and this solved the problem. Tks to all !

0
qo'shib qo'ydi

Siz Button elementida id xususiyatini qo'shmagansiz

Détails

0
qo'shib qo'ydi
Javascript UZB
Javascript UZB
99 ishtirokchilar

@js_uzb @vuejs_uz @react_uz @nodejs_uz @angular_uz @ngTashkent @yiiframework_uz @laravel_uz @linux_uzbek @python_uz @swift_uzb —————— @uzdevgroup @UzGeeksGroup ——— @UzDev_Jobs @jobs_uzb