Why are my onClick() events only registered in Preview mode and not in Chrome/Safari?

Ask the community
,
1

I’ve added a repeater to my page which includes 3 buttons:

1788×952 12.5 KB

Depending on the button clicked, certain actions (see below code snippet) should be triggered. Unfortunately, this only works in Preview mode and not in Chrome/Safari. Even my console logs are not written to the console. The only thing I see in Chrome/Safari is the pointer cursor when hovering the clickable elements, which means that both Chrome/Safari understand that the image is clickable - it’s just not doing anything when actually clicking… Thoughts?

$w.onReady(function () {
 // Write your JavaScript here

    $w("#cross").onClick((event, $w) => {
        console.log("click!");
        console.log(event);
        console.log($w);
        console.log(event.context.itemId);
        console.log(event.target.id);

        console.log(event.target.id)
 let $item = $w.at(event.context)
        console.log($w.at(event.context));
        $item("#cross").hide();
        $item("#no").show();
 if($item("#neutral").isVisible){
            $item("#neutral").hide();
            $item("#line").show();
        }
 if($item("#yes").isVisible){
            $item("#yes").hide();
            $item("#check").show();
        }
    });

    $w("#no").onClick((event, $w) => {
        console.log("click!");
        console.log(event);
        console.log($w);
        console.log(event.context.itemId);
        console.log(event.target.id);

        console.log(event.target.id)
 let $item = $w.at(event.context)
        console.log($w.at(event.context));
        $item("#no").hide();
        $item("#cross").show();
 if($item("#line").isVisible){
            $item("#neutral").show();
            $item("#line").hide();
        }
 if($item("#yes").isVisible){
            $item("#yes").hide();
            $item("#check").show();
        }
    });

    $w("#line").onClick((event, $w) => {
        console.log("click!");
        console.log(event);
        console.log($w);
        console.log(event.context.itemId);
        console.log(event.target.id);

        console.log(event.target.id)
 let $item = $w.at(event.context)
        console.log($w.at(event.context));
        $item("#line").hide();
        $item("#neutral").show();
 if($item("#yes").isVisible){
            $item("#yes").hide();
            $item("#check").show();
        }
 if($item("#no").isVisible){
            $item("#no").hide();
            $item("#cross").show();
        }
    });

    $w("#check").onClick((event, $w) => {
        console.log("click!");
        console.log(event);
        console.log($w);
        console.log(event.context.itemId);
        console.log(event.target.id);

        console.log(event.target.id)
 let $item = $w.at(event.context)
        console.log($w.at(event.context));
        $item("#check").hide();
        $item("#yes").show();
 if($item("#neutral").isVisible){
            $item("#neutral").hide();
            $item("#line").show();
        }
 if($item("#no").isVisible){
            $item("#no").hide();
            $item("#cross").show();
        }
    });

    $w("#yes").onClick((event, $w) => {
        console.log("click!");
        console.log(event);
        console.log($w);
        console.log(event.context.itemId);
        console.log(event.target.id);

        console.log(event.target.id)
 let $item = $w.at(event.context)
        console.log($w.at(event.context));
        $item("#yes").hide();
        $item("#check").show();
 if($item("#line").isVisible){
            $item("#neutral").show();
            $item("#line").hide();
        }
 if($item("#no").isVisible){
            $item("#no").hide();
            $item("#cross").show();
        }
    });

 
});