debugger not working anymore
I have an Asp.Net MVC 4 project. I have a considerable amount of JQuery in it. I learned this year how to use the line "debugger" to get execution to stop in the middle of a JQuery function when you are running the project in debug mode of Visual Studio. I have used this considerably for most of my troubleshooting on this project over the past 11 months.
Suddenly last week when trouble shooting a problem with a function last week, the debugger command no longer stopped execution at that spot. Rather than take time to investigate, I threw in a couple of alerts into the function to get the information I wanted from stepping through the project. Now today those alerts stopped firing. I thought it might be because the event handler wasn't being called by the firing of the event. I carried out a number of test to ensure that the correct handler was bound to the correct control, but these were inconclusive.
So I checked an event handler that I knew was working because a specific action that took place on the view would only occur if this handler had been called. I put in a debugger and a couple of alerts. I ran the app in debug mode. Neither the debugger nor the alerts fired, but the function ran because it properly called the follow-up function which worked as designed.
To test whether it was a factor of this project or something bigger, I created a blank web project. I added one html page. I put one input button on the page. I put one click handler in the document.ready function. In that handler I put one debugger and one alert; I ran the project in debug. The alert fired without execution being stopped by the debugger command. (interestingly enough, I made a change to add a value to the button. However, that caption never showed up on the button. See the code of the test page
-
<! DOCTYPE html >
< html xmlns ="http://www.w3.org/1999/xhtml">
< head >
< title ></ title >
< script src ="jquery-1.11.1.js"></ script >
< script src ="jquery-ui-1.8.24.js"></ script >
</ head >
< body >
< input type ="button" id ="testalertdebugger" value ="test"/>
</ body >
< script type ="text/javascript">
$(document).ready( function () {
$( "#testalertdebugger" ).click( function (e) {
debugger ;
alert( "got here" );
});
});
</ script >
</ html >
As you can see very simple and everything should have worked. Doe anyone have any ideas?