Question

我使用JQUERY和get函数在HTML文件中导入按钮时遇到问题。我试图检查它是否被点击，但我不知道为什么我无法在控制台上打印任何东西。我使用这个脚本导入了按钮：

          $.get( "nuovotaglio.html", function( data ) {

              var newDiv = $('<div/>',{id:'Servizio'+ incremento}).appendTo('.nuovoServizi');

              newDiv.html(data);

              var idInputeText = newDiv.children().children().find("input[name='servizio']");
              idInputeText.attr('id','input'+incremento);

          });

然后我写了

        $(function() {
           $('button').click(function(){
            console.log('ciao');
            });
        });

我也试过

    $('button').click(function(){
        console.log('ciao');
    });

这个脚本也不起作用

        $('button').on('click', function(event) {
            console.log('ciao');
        });

有人知道如何检查使用GET导入的HTML代码中的事件吗？

Answer 1

在您启动准备好的JQ功能之后，在向页面添加元素时，您的问题很可能。

将JQ代码重写为以下内容应该修复它。

Grave:   PWC6117: File "null" not found

另外，如果东西还在喋喋不休，你可以试试（是的，我实际上曾经因为某种原因看到过这个错误，所以如果需要，这里有解决方案B）

    $(document).on('click', 'button', function(event) {
        console.log('ciao');
    });

Answer 2

当第二个脚本初始化时，那时没有按钮。这就是点击事件无效的原因。

成功加载内容后加载此脚本。

您可以使用

>>> for i in range(1, 6):
...   if i != 4:
...     print i
... 
1
2
3
5

或者您可以使用：

$(document).ready(function() {
   // second script here
});

Answer 3

如果您要在HTML和Javascript中导入更多文件或部分代码，或者Jquery不起作用，请尝试使用PHP而不是HTML。

使用PHP扩展名重命名文件，并将文件上传到真实服务器或虚拟服务器（如MAMP或XAMP）上。

然后使用此sintax导入您的文件：

<?php  include("your_file_path/your_file_name.html");  ?>

我试图在主页中包含一个网站的大部分，而我的其他HTML文件位于HOMEPAGE的同一个文件夹中。我用了

<?php  include("section6.html");  ?>

使用此方法后，我的所有Jquery库都能正常工作。

用get函数导入的按钮不起作用

3 个答案: