Connecting to Travel Events in a Page

When I try to bind a router event in the initialize method, I encounter some unexpected behavior:

var View = Backbone.View.extend({   
    initialize: function() { 
        router.on("route:test", this.update);
    },

    update: function() {
        console.log('This works');
    }
});

However, when I attempt the following approach, it does not seem to work as expected:

var View = Backbone.View.extend({
    events: {
        "route:test": "update"
    },  

    initialize: function() { },

    update: function() {
        console.log('This never gets called');
    }
});

I am unsure if I have made an error in the second case or if there is a misunderstanding on my part.

Can someone clarify whether the events property within a view is only intended for DOM-level events?

Answer №1

Yes, the events attribute in a view pertains exclusively to DOM events occurring within that specific element.

Utilizes jQuery's delegate function to establish declarative callbacks for DOM events within a view

For detailed information, please refer to the official documentation

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

When examining an element in an Angular application using Chrome Dev Tools, why do I not observe raw HTML code?

Just as the title suggests, my question is: Even if browsers don't understand Angular, why am I able to see Angular elements while inspecting the DOM despite using AOT (Ahead-Of-Time Compilation) which means there is no Angular compiler in the browse ...

Unable to get jQuery waypoints to function on local server

Currently, I am working with jQuery. I downloaded an example shortcut for infinite scroll from jQuery Waypoints and tried to use it. However, when the page reaches the end, the web console displays the following error: XMLHttpRequest cannot load file:// ...

Next.js 14 Enhanced Table - Server-Side Interactions & Data Loading

I'm working with a table that is structured as shown. https://i.sstatic.net/ZLdaGgHm.png Each row in the table can be edited by clicking on edit and updating the content. What I am currently trying to achieve is to implement a filter feature at the y ...

Click on the link to trigger the function that retrieves the value from the element with the ID "email"

I am completely new to HTML and JavaScript and currently building a website using Wix.com. The website will only consist of a text box and a button. While Wix.com is a user-friendly site builder, it lacks full HTML editing capabilities. This means I have ...

Establishing a pre-selected option in a drop-down menu

I am working on a dropdown list and my goal is to have the default option selected when the page loads <b>Filter Within Months:</b> <select class="btn green" ng-model="myOptions" ng-options="i.label for i in items track by i.id" ng-change= ...

In JavaScript, the mousedown event consistently receives the "e" parameter as the event object

I am facing an issue while trying to handle a middle mouse button click event using JQuery on a DataTable from the website https://datatables.net/. Below is the code I have implemented. var tbl = document.getElementById("entries"); $(tbl).on('mousedo ...

What is the best way to ensure that an element remains active even after a page refresh?

I have been using this code to activate the current element, which I came across on a website called "w3schools.com". However, whenever I refresh the page, the currently active element disappears. Is there a way to ensure that the active element remains hi ...

What methods should I use to modify the upcoming array of objects?

I have been struggling with this exercise for about an hour now, and I can't figure it out. Can someone please help me with this? Here is the array that I retrieved from the database: View Base Array Image let data = [ { "name": "October : 2019", "u ...

Send a string query using AJAX along with the user's username and password

I am looking to include the command=login& string with the username and password obtained from a form, like login.php?command=login&name=something&password=main <form id="login" action="https//login.php" method="GET"> <fieldset&g ...

The Swiper slider is unable to display several views at once in the slider layout

I recently started using the amazing swiper slider plugin available here My goal is to replicate the demo-no-210 from that repository. Here is the code snippet I am working with: index.html <!DOCTYPE html> <html> <head> <meta ...

Easily Convert Square Bracket Notation to Dot Notation in JavaScript/Typescript for Quick Replacement

Currently, I am reviewing some code that includes unnecessary square bracket notations. To improve code comprehension, my aim is to transform instances like abc[3]['prop']["subprop"] into abc[3].prop.subprop. I have been able to achiev ...

Is it possible to iterate through HTML form data using JSON arrays or objects?

I've been searching this website and the internet for a while now, trying to figure out how to save multiple arrays to my localStorage. I asked a question earlier which helped me progress a bit, but I'm still struggling to grasp the concept. I c ...

An issue occurred while testing with React-Native Testing Library/Jest, where the property 'TouchableOpacity' could not be read

I am currently in the process of conducting tests using jest and react-native testing. Unfortunately, I have encountered an issue where TouchableOpacity is not being recognized and causing errors. Card.test.js import Card from "../Card" import R ...

Identifying the Type of Element Based on Its Identifier

I have a function in JavaScript called testElement() that is triggered by the onclick event. <script type = "text/javascript"> function testElementType(element){ var elemId = $(element).attr("id"); //Can I determine the ' ...

Angular HTTP client implementation with retry logic using alternative access token

Dealing with access tokens and refresh tokens for multiple APIs can be tricky. The challenge arises when an access token expires and needs to be updated without disrupting the functionality of the application. The current solution involves manually updati ...

Upload an array of choices to the server by utilizing ng-model

I have almost resolved my issue, but now I need help with sending the data to the server. In my current situation, there is a form that includes employee details and projects for that employee (which can be multiple). When the user wants to add projects, ...

Tips for resolving a 403 error and SSH connection issue on an Azure Web Service website

Recently, my web app created on Azure using Express and Node 18 worked perfectly during development locally. However, when I attempted to host it on an Azure web app, I encountered issues. The site failed to display anything and a 403 error was returned in ...

How can I use jQuery to switch classes or activate a click event on the most recently clicked element?

Within my <ul></ul>, there are 4 <li> elements. <ul class="wcarchive-terms-list"> <li class="wcarchive-term wcarchive-term-parent woof_term_224"> <label class="wcarchive-term-label"> <span cla ...

Troubleshooting: Next JS 13/14 - Server component failing to update data upon revisiting without requiring a refresh

After attempting to retrieve the most recent liked items from a server component in next, I noticed that the data only displays when manually refreshing the page. Even when I navigate away and return, the data is not refetched automatically - however, usin ...

Converting HTMLCollection to a string: A step-by-step guide

I am currently developing a bot that is designed to modify a form on a website. One specific section of the form contains HTML content. My process involves extracting data from this section, converting it into an HTMLCollection object, performing some acti ...