MVC Add HTML with MvcHtmlString.Create but with JavaScript functionality

Question

I have a big doubt. In a MVC project, I render a HTML template (loaded from .html file) into a View with MvcHtmlString.Create();

This works fine but have a problem. This HTML template need to do javascript functionality, the problem? That this don't work, because the HTML is rendered after the javascript and the js functionality not work.

Something like this:

<script type="text/javascript">
$(document).ready(function(){
    $("#SomeID").click(funciton(){
        //This don't work because the #SomeID not exists yet 
    });
});
</script>
<br />
@MvcHtmlString.Create(@Model.HTMLTemplateContent);

Someone can help me about this or tell me something at respect?

Thanks

You misspelled the function keyword, 'funciton' won't work.

goenning
– goenning

2013-11-13 14:34:55 +00:00
Commented Nov 13, 2013 at 14:34 — goenning
– goenning, Commented Nov 13, 2013 at 14:34

Shyju · Accepted Answer · 2013-11-13 14:29:34Z

1

Use jquery on method.

$(document).ready(function(){
    $(document).on("click","#SomeID",function(){
        alert("Working");
    });
});

on method will work for current and future (Any thing injected to DOM later (Ex : through javascript code, ajax) elements.

answered Nov 13, 2013 at 14:29

Shyju

220k106 gold badges421 silver badges499 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

goenning Over a year ago

I suppose 'HTMLTemplateContent' is html markup, if so, it will render before document's ready event. While your solution might work, it may not be necessary.

amelian · Accepted Answer · 2013-11-13 16:40:10Z

1

Thanks! I not have idea about this.

Is possible to access at elements by the same "method"? How to do to get this? i.e

I'm using jSignature to implement sign en the document.

whit this:

$("#someDivID").jSignature();

I'm using now to access at div element with this:

var signCanvasOn = document.getElementById("someID");
signCanvasOn.jSignature();
signCanvasOn.jSignature("reset");

But this don't work for me, only work if I use:

$("#someID").jSignature();
$("#someID").jSignature("reset");

What is the real problem?

edited Nov 13, 2013 at 16:40

answered Nov 13, 2013 at 16:11

amelian

4361 gold badge8 silver badges18 bronze badges

Comments

Gaz Winter · Accepted Answer · 2013-11-13 14:30:58Z

0

Have you tried adding the jquery at document level?

That's how i usually ensure that jquery continues to work with any stuff i load on the page dynamically.

Something like this:

  $(document).on("click","#SomeID",function()
  {
  //This don't work because the #SomeID not exists yet 
  });

answered Nov 13, 2013 at 14:30

Gaz Winter

2,9442 gold badges27 silver badges48 bronze badges

Collectives™ on Stack Overflow

MVC Add HTML with MvcHtmlString.Create but with JavaScript functionality

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related