Databases
StackOverflow2013
Postsdbo
POjQuery: Binding events - in $(document).ready or html DOM event handler?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery: Binding events - in $(document).ready or html DOM event handler?
    primarykey
    data
    text
    <p>There is one question about jQuery and good using I am asking myself for a while. Is there a difference between setting an event handler through jQuery in <code>$(documemt).ready()</code> an setting it in HTML in the DOM event handler?</p> <p>To make it a little bit clearer: I don't want longer loadtimes by adding many events to my site. An example: I want to add an ajax dropdown to display the new messages in my forum instead of just redirect to the inbox. I got two ways to do this.</p> <h2>• the jQuery way => <code>$(documemt).ready()</code></h2> <pre class="lang-js prettyprint-override"><code>$(document).ready(function () { $(".new_messages_link").click(function (e) { e.preventDefault(); // Ajax query an showing the dropdown }); }); </code></pre> <p>Just bind the event handler in jQuery, after the site is loaded. Probleme here is, that the the click only works after the site is fully loaded. A problem with large images, that slows the site down.</p> <h2>• the html DOM way</h2> <pre class="lang-html prettyprint-override"><code>&lt;a href="#" class="new_messages_link" onClick="show_new_messages(this); return false;"&gt;New Messages&lt;/a&gt; </code></pre> <pre class="lang-js prettyprint-override"><code>function show_new_messages(var element) { // Ajax query an showing the dropdown } </code></pre> <p>This is no strict programming, you need to change the html, if you change the method, but you don't need to wait for <code>$(documemt).ready()</code>. Also there is no load during showing the site, just if you click, am I right?</p> <h3>The Problem:</h3> <p>So my question is, what should I use? What is better, what is the real difference? And for information, it is not just one event handler I want to set, there are many, so loading time is important. I am not sure, I have a bad feeling in putting too much code in <code>$(documemt).ready()</code> functions.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USWolfsblvt
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POjQuery: Binding events - in $(document).ready or html DOM event handler?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COYou can still use external script where you set all your logic and loading this script (async) just before the closing body TAG
      singulars
      1. POjQuery: Binding events - in $(document).ready or html DOM event handler?
      1. USA. Wolff
    2. COhow can I do that asynchronous?
      singulars
      1. POjQuery: Binding events - in $(document).ready or html DOM event handler?
      1. USWolfsblvt
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload