Adding additional data-* attributes break popover

[sethvargo]

If I add more data-* attributes (mainly data-method) to a link/button, the popover never loads. This is a problem because Rails will add data-* attributes for certain helpers...

Update

After I looked into the issue a little more, I realized that Rails adds another rel attribute. The issue was actually the jQuery selector (I was only matching entirely instead of partially on the rel attribute). However, I feel like someone could easily run into this issue, so I'm going to leave the issue up.

Essentially if you have something like the following in Rails:

= link_to 'My Link', '#', :method => :put, :rel => 'popover', :title => 'My Title', :data => { :content => 'foobar' }

Rails will automatically add nofollow to your rel tag, which is okay and makes sense. However, if your jQuery selector for popover/twipsy is like the one in the documentation:

$([rel=popover]).popover();

This will fail, because that jQuery selector matches the entire rel attribute. Instead, you should use *= as your selector:

$([rel*=popover].popover();

[shvelo]

I miss the good old days when people were writing HTML by hand.

[pokonski]

There's always pure PHP if you wanna time travel :P

[henrikbjorn]

@pokonski wow, long time since i have seen the obligatory bashing of php from a rails (not ruby) developer

[shvelo]

I'm already travelling :D
But i am learning Ruby too.
I just not know why to use Server-side language for Client-side code

[pokonski]

@henrikbjorn obviously it was a joke ;) Of course you have to write your own HTML in Sinatra etc.
@shvelo, generating HTML is not client-side in Rails.

[fat]

closing because this isn't actually an issue - although helpful :)

[sethvargo]

no problem. Just thought it would be helpful when someone is Googling this (or similar) error in the future :)

[woto]

Is a bug fixed in current release?
Sorry for bad English

[trante]

That solved for my problem. Thank you!