Repeater Conditional Image Hide

Ask the community
,
7

@heple005

You need just ONE onReady-function on your page…look here…

$w.onReady(function () {
    
    action1/event1
    
    action2/event2
    
    action3/event3
    
    action4/event4
    
})

BAD-CODING…

$w.onReady(function () {
    $w('#button1').onClick(()=>{
        //do something
    })
})
$w.onReady(function () {
    $w('#button2').onClick(()=>{
        //do something
    })
})
$w.onReady(function () { 
    $w('#dropdown1').onChange(()=>{
        //do something
    }) 
})
$w.onReady(function () {
    $w('#button4').onClick(()=>{
        //do something
    })    
})

GOOD-CODING…

$w.onReady(function () {
    
    $w('#button1').onClick(()=>{
        //do something
    })
    
    $w('#button2').onClick(()=>{
        //do something
    })
    
    $w('#dropdown1').onChange(()=>{
        //do something
    }) 
    
    $w('#button4').onClick(()=>{
        //do something
    })
    
})

The same when using repeaters and datasets…

$w.onReady(function () {
    $w("#repeater1").onItemReady( ($item, itemData, index) => {
    
        //do something when page and repeater are ready

    })
})

$w.onReady(function () {
    $w("#myDataset").onReady() => {
    
        console.log("The dataset is ready");
        
        //your codings here..........
  
    })
})

For more infos and learning-stuff visit my site.
You should find the link in my profile.