在脚本模板中运行javascript / jquery（脚本标记中的脚本）

Question

I have a client side CMS div that gets loaded into script template. I need to run a script inside that div. How can I run myFunction inside this script tag? It's closing the first script tag early :(

 <script type="text/html" id="tmpl-foo">

 <div id="myCMSdiv">

 <p> My Content </p>

 <script>
 myFunction();
 </script>

 </div>

 </script>

Answer 1

Give a bit of context of how your CMS binds the template (the JS file)
If your CMS uses template binding then you can just use afterRender .

Just like this:

 var viewModel = function() { this.myFunction = function() { console.log("test"); } } ko.applyBindings(new viewModel()); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script> <div data-bind="template: { name: 'tmpl-foo', afterRender: myFunction }"></div> <script type="text/html" id="tmpl-foo"> <div id="myCMSdiv"> <p>My Content</p> </div> </script> 

More info on template binding here .

If your CMS uses it as a component though then you need another approach.
Check this post on how to do it but the gist is just the same as above.