【问题标题】:which file is better to add jquery in modal form哪个文件最好以模态形式添加jquery
【发布时间】:2015-05-08 09:45:56
【问题描述】:

当联系表单在模式窗口中打开时,我需要在点击时添加一些 jquery。我正在控制台上尝试并且它正在工作,但是当我尝试添加文件时,没有任何变化。我的代码是

jQuery('.fl_box-menu-0 ').click(function(){
       var myClone = jQuery('.container_inner .title_subtitle_holder span').clone();
       jQuery(myClone).prependTo("#cboxContent form");  
   })  

所以我需要从页眉复制一个标题,并将其粘贴到模式联系表单的顶部。 您可以在这里找到表格word press web site

然后点击联系我。当我尝试在控制台添加

           var myClone = jQuery('.container_inner .title_subtitle_holder span').clone();
       jQuery(myClone).prependTo("#cboxContent form");  

这是工作并添加标题,但是当我尝试在我的文件中添加代码时,没有任何变化。那么我做错了什么?我使用联系表 7,并为模态表单形成灯箱。 所以现在我正在查找文件,在哪里添加 jquery 代码,以使其正常工作。

【问题讨论】:

    标签: jquery wordpress contact-form-7


    【解决方案1】:

    我会尝试使用委托事件:

    jQuery(document).on('click', '.fl_box-menu-0', function() {
       var myClone = jQuery('.container_inner .title_subtitle_holder span').clone();
       jQuery(myClone).prependTo("#cboxContent form");  
    })
    

    使用委托事件的原因可以在here找到。

    目前尚不清楚这是问题还是唯一问题,但如果您的点击没有像您一样工作,除了控制台,那么很可能点击没有正确绑定(可能是动态元素)。

    【讨论】:

    • 你能解释一下添加jquery代码哪个文件更好吗?因为我也尝试过你发布的代码,但它对我来说也不起作用......
    • @sanchahous 抱歉,我不擅长使用 Wordpress。试试我的建议,如果它不起作用,请更新您关于“哪个文件更好”的问题。
    【解决方案2】:

    使用代码解决:

        jQuery('.fl_box-menu-0').click(function(){
       jQuery('.order-data').html(
                jQuery('.title_subtitle_holder span').html()
                ); 
    })
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-09-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-07-22
      相关资源
      最近更新 更多