Say I have a div with an id="customer". In Javascript I define a function. Inside the function I have an object with a property whose value equals the div's id value. Something like this minimalist example (using jQuery)
SomeNameSpace.myFunction = function(){
var myCustomer = {
myDiv: '#customer',
.....};
$(myCustomer.myDiv).hide(); <== doesn't cause the breakpoint to fire
$('#customer').hide(); <== this causes breakpoint to fire
}
If I have a DOM breakpoint (Attributes Modifications) set on the div, the hide() doesn't fire. It fires if I do: $('#customer').hide();
Is this a bug? I am trying to use these breakpoints to find what javascript is modifying some css attributes and this issue is a problem. I am using the latest Chrome and Chrome Canary.
I appreciate other ways to find these Javascripts.