在克隆对象 jquery 中禁用链接、表单提交操作和模式弹出窗口 [关闭]

Question

我正在为用户首次注册时创建一个网站演练。为此，我选择在着陆视图上使用实时元素，因为它们对于每个用户来说看起来比图片更个性化。我正在使用 jQuery 克隆将我的活动对象绘制到我的演练模式中。

   $(".dashboard_content").clone().appendTo( ".t_dashboard_content" );

我现在需要禁用克隆对象中的所有链接、表单提交操作和模式弹出窗口。解决方案here 导致原始元素上的目标元素也被禁用，这是不可取的。欢迎任何实现这一目标的线索。

Answer 1

您可以尝试编写链接 onClick 事件：

$('a').click(function(ev){

        // A global variable you use to enable/disable following links
        if(isLinkDisabled) {
                ev.preventDefault();
                return false;
        }

        return true;

});

Answer 2

虽然很慢，但我终于想出了以下方法。

     $( ".t_dashboard_content" ).each(function(){
                    //Disable links
                    $("a").attr("href", "#")

                    //Disable form submit
                    $(".search_btn").attr("type", "button");

                    //Disable modal
                    $(".advanced").attr("data-toggle", "");
                });