jQuery won't get called from MVC view

Question

I use a jQuery DateTimePicker in many places in my web app. It works fine everywhere exept in one place where the calendar just won't pop up. Here's the source code of the page (view in Chrome).

<script>
    $('#example9').datetimepicker({ timeFormat: 'h:mm', stepMinute: 5, dateFormat: 'yy-mm-dd'
</script>

<div>
    <input type="text" name="example9" id="example9" value="2012-10-16 15:00" />
</div>

As you can see, I've reduced the code to the simplest and added an event listener. Nothing is triggered and nothing happens whenever I click the input.

Any clue?

Any errors in the JavaScript console? Is jQuery included in this page? — Oded, Oct 16 '12 at 19:12
If i'm looking at this correctly, every time you click in the input box, it pops up an alert, which effectively causes focus to not be set, so it would never pop up. — Erik Funkenbusch, Oct 16 '12 at 19:14
@Oded : No error in the JS console of FireBug. No query either — Mathieu, Oct 16 '12 at 19:15

score 1 · Answer 1 · answered Oct 16 '12 at 19:19

Why would you do it that way? Instead of calling the datepicker on each specific input based on ID, just create an HTML class that all datepicker inputs will have. Then in your _Layout, or other JavaScript file that always gets called, turn everything with that class into a DatePicker.

score 1 · Accepted Answer · answered Oct 16 '12 at 22:18

Make sure

jQuery and your plugin are loaded.
your script is run after the DOM is loaded (or at least after the used element is rendered). So move your script code after the div element, or use $(document).ready(function(){/*your-code*/});
the id is unique in the html or it will fail.

score 0 · Answer 3 · answered Oct 16 '12 at 19:13

0

You are doing this

.data("events")

I do not see a data-events attribute for the textbox

answered Oct 16 '12 at 19:13

Sushanth --

55,259
9
66
105

You mean something like ''? – Mathieu Oct 16 '12 at 19:17
Yup... data-events="something here" – Sushanth -- Oct 16 '12 at 19:18
something-here should be either an array of objects or just an array according to your logic – Sushanth -- Oct 16 '12 at 19:19
var clickEvents = $('#example9').data("events").click; makes no sense at all .. – Sushanth -- Oct 16 '12 at 19:23
$('#example9').data("events") return events .. It is a string here.. And you are trying to chain with click , which is not present for the string... – Sushanth -- Oct 16 '12 at 19:24
Here's my source (the answer): http://stackoverflow.com/questions/570960/how-to-debug-javascript-jquery-event-bindings-with-firebug-or-similar-tool – Mathieu Oct 16 '12 at 19:25
That is if you already have events associated with the element – Sushanth -- Oct 16 '12 at 19:26

jQuery won't get called from MVC view

3 Answers3