Databases
StackOverflow2013
Postsdbo
POApply CSS/ javascript after jquery replaceWith
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POApply CSS/ javascript after jquery replaceWith
    primarykey
    data
    text
    <p>I'm replacing a row in a html table after a ajax request. After a successful request, I receive a partial html piece that I replace with the current row.</p> <blockquote> <p>$("#id").replaceWith(response)</p> </blockquote> <p>Now I added a checkbox input field and I pimped it using this css and js library <a href="https://github.com/nostalgiaz/bootstrap-switch" rel="nofollow">Bootstrap Switch</a></p> <p>So after I replace the row I only see a plain normal input checkbox. And not the nice toggle. If I refresh the page the toggle is rendered.</p> <p>Can anybody help me and point me to the problem of this issue? I tried to use trigger('create') on the row and the parent.</p> <p>This is the code I use for updating the table, like I mentioned it's only doing a replaceWith.</p> <pre><code>processRecord = (barCode, random_id) -&gt; postParams = { barCode: barCode, ran_id: random_id } $.ajax url: '/scans' type: 'post' data: postParams success: (response, textStatus, xhr) -&gt; $("#" + random_id).replaceWith(response) $("#scans").trigger('create') </code></pre> <p>I've been digging around the bootstrap switch code. The init method will cause additional html to be added to the input checkbox after rendering. This isn't happening when I do a replace. Take a look here: <a href="https://github.com/nostalgiaz/bootstrap-switch/blob/master/static/js/bootstrapSwitch.js#L14" rel="nofollow">https://github.com/nostalgiaz/bootstrap-switch/blob/master/static/js/bootstrapSwitch.js#L14</a> </p> <p>Thanks</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USNiels
    1. USNiels
    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
    1. This table or related slice is empty.
    1. COIf you have JavaScript events attached to the element, you probably need to delegate them to a parent element instead, or else run them anew once the `replaceWith` is completed. Without more of your code, it's impossible for us to help you further.
      singulars
      1. POApply CSS/ javascript after jquery replaceWith
      1. USBlazemonger
    2. COCan you try $("#table_id_or_class").trigger('create');
      singulars
      1. POApply CSS/ javascript after jquery replaceWith
      1. USvinothini
    3. COThe trigger action doesn't work unfortunately
      singulars
      1. POApply CSS/ javascript after jquery replaceWith
      1. USNiels
 

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