Allow the script to be persistent on page load

[Thelastpoet]

Start a discussion

I have a small script that when added, prevents addition of other widget to the container holding our custom widget. The only issue is that it works when adding the widget not when the widget is already present or the editor is reloaded.

I am looking for a solution or direction to enable it persist even after reloading the page.

here

`
jQuery(document).ready(function($) {

    /**
     * This script allows restrciting the parent container holding our custom widget from adding any other widget,
     * so in the end only our custom widget will be the only one in that container.
     * 
     * Issue is this will work when we interact with the widget not on page load.
     * Can we somehow make this work on page load?
     */
    elementor.hooks.addAction( 'panel/open_editor/widget', function ( panel, model, view ) {
        
        var widgetType = model.get( 'widgetType' );
        

        if ( widgetType === 'our-widget' ) {
            var parentContainer = view.container.parent;

            // Set the container content width to full ---works
            parentContainer.settings.setExternalChange( 'content_width', 'full' );
            
            
            // Prevent adding other widgets to the container
            elementor.hooks.addFilter( 'elements/widget/add', function ( defaultAction, widgetModel ) {
                if (widgetModel.get( 'elType' ) === 'widget' && widgetModel.get( 'widgetType' ) !== 'our-widget' && widgetModel.get( 'parent_id' ) === parentContainer.model.get( 'id' )) {
                    return false;
                }
                return defaultAction;
            });
        }
    });
});   


`