Jquery不能以动态生成的形式工作 [英] Jquery not working in dynamically generated form

问题描述

我在 www.sitetwo.com 中使用从 www.siteone.com调用的一些脚本生成一个表单。因为我必须在 www.sitetwo.com 到 www.siteone.com 提交表单，我使用Ajax使用JSONP方法。但是，生成的表单不支持任何脚本。
我的代码在这里：

  //脚本在www.sitetwo.com 
<脚本类型=text / javascript> 
 window.onload = function（）{
use strict; 
 function js（n）{
 var s = document.createElement（'script'）; 
 s.setAttribute（type，text / javascript）; 
 s.setAttribute（src，n）; 
 document.getElementsByTagName（head）[0] .appendChild（s）; 
} 
 js（http://www.siteone.com/script.js）; 
}; 
 $（document）.ready（function（）{
 $ = jQuery.noConflict（）; 
 $（。submitbutton）hover （hai）; 
} 
< / script> 
< div id =newform> 
< / div> 
  

使用id newform在div中动态呈现的表单如下：

 < form> 
< input type =textname =username> 
< input type =passwordname =password > 
< input type =submitvalue =goclass =submitbutton> 
< / form> 
  

我尝试在hover alert上应用基本脚本，但它不工作，我们不能直接使用这样的脚本来动态生成表单。这个问题我在浏览器中搜索错误，没有显示错误。

解决方案

  $（。submitbutton）hover（function（）{
 alert（hai）; 
} 
  pre> 
 
 
更改 
 
 
  $（。submitbutton）。 on（hover，function（）{
 alert（hai）; 
} 
  
参考 hover  
 
I am generating a form in www.sitetwo.com by using some scripts called from www.siteone.com. As I have to submit the form in www.sitetwo.com to www.siteone.com, I am using Ajax using JSONP method. But, the generated form is not supporting any scripts.
My code is here:
   //script in www.sitetwo.com
    <script type="text/javascript">
    window.onload = function () {
        "use strict";
        function js(n) {
            var s = document.createElement('script');
            s.setAttribute("type", "text/javascript");
            s.setAttribute("src", n);
            document.getElementsByTagName("head")[0].appendChild(s);
        }
        js("http://www.siteone.com/script.js");
    };
    $(document).ready(function(){
    $=jQuery.noConflict();
    $(".submitbutton").hover(function(){
      alert("hai");
    }
    </script>
    <div id="newform">
    </div>
The form that is dynamically rendered in div with id newform is as follows:
<form>
<input type="text" name="username">
<input type="password" name="password">
<input type="submit" value="go" class="submitbutton">
</form>
I tried applying basic script of on hover alert.But it isn't working. cannot we use directly scripts like this for dynamically generated forms. If so how can we overcome this problem. I  have searched for errors in browser. No error is shown. What can be the solution??
解决方案
$(".submitbutton").hover(function(){
      alert("hai");
    }
change in 
$(".submitbutton").on("hover",function(){
      alert("hai");
    }
reference hover

                        
这篇关于Jquery不能以动态生成的形式工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！