Jquery函数不能在Bootstrap模式下工作

我在我的proyect中使用Bootstrap v2.X，我想使用模态函数打开外部文件。

首先，我应该使用的代码是：

Graphics 

但它对我不起作用。 然后我用：

 Graphics 

我把代码放到Jquery：

 $('a#graphics').click(function(e) { e.preventDefault(); var url = $(this).attr('href'); if (url.indexOf('#') == 0) { $(url).modal('open'); } else { $.get(url, function(data) { $('
' + data + '
').modal(); }).success(function() { $('input:text:visible:first').focus(); }); } }); 

它的工作原理！

好吧，但这不是主要问题。 问题是当模态打开时，不能使用我的代码jQuery。

这是我的模态外部：

 
 x 
Titulo modal
 
 
 
 
 
 
 
 Imprimir Cerrar  

如果我把代码放在原始文件中：

 $(document).ready(function() { $('.nom_epi').click(function() { alert("hello"); }); }); 

它不起作用！ 外部模态忽略原始文件的Jquery代码。 这很奇怪，因为引导程序CSS解释得很好。

我认为这是由于我用来打开外部模态的jQuery代码。

Answer 1

您将事件绑定到文档就绪，因此它仅绑定到当时存在的元素。 我建议改用on()函数。

David在评论中提出的建议应该可以正常工作：

$（’body’）。on（’click’，’。nom_epi’，function（）{alert（“hello”）;}）

通常，您会尝试将函数绑定到DOM树下面的某些内容，但这些模式通常是直接子元素