2

在数据库中，存储了许多项目。当用户加载页面时，项目被列为表格的行。为了使用户可以删除元素（行），每行还提供了一个“删除项目”按钮，并onclick附加了一个事件。这是生成表格的 PHP 部分。

for ($i=0; $i<$num_books; $i++)
{
    $book  = mysql_fetch_row($classics);
    $shop .= "<tr>\n";
    $shop .= "<td>".$book[0]."</td>\n";
    $shop .= "<td><input type='button' onclick='remove_item()' value='Remove' /></td>\n";
    $shop .= "</tr>\n";
}

该remove_item()函数在 JQuery 外部定义（见下文）。

但是，现在单击按钮会导致错误：ReferenceError: Can't find variable: remove_item. 我相信这是因为remove_item()DOM 不知道 PHP 返回的函数。

如何纠正？

完整的标记在这里

 <html>
     <head>
     <script type='text/javascript'
             src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js">
     </script>
     <script type="text/javascript"
             src="../behaviour/interactions.js">
     </script>
     </head>
     <body>
         <h1>Publications database</h1>
         <div id="items"></div>
     </body>
 </html>

完整 的interactions.js脚本在这里

$('document').ready(function()
{
    // Path to MySQL configuration.
    var server = '../server/'
    var data   = '../data/'

    function mysql_connection_setup()
    {
        $.get(data + 'mysql_connection_setup.php');
    }

    function populate()
    {
        $.get(server + 'shop.php', cb);
    }

    function remove_item()
    {
        console.log("Remove item.");
    }

    // Generic AJAX callback.
    function cb(response)
    {
        $('#items').html(response);
    }

    mysql_connection_setup();
    populate();
}); // End ready
4

2 回答 2

3

把它放在<head>标签中：

<script>
  function remove_item()
  {
      console.log("Remove item.");
      // Fancy AJAX call to manipulate database.
  }
</script>

通过这样做，将可以全局访问该功能。或者，至少，您必须声明before调用它们的函数。

好的，这里应该是解决方案：首先，全局声明变量。

<head>
  <script>
    var mysql_connection_setup, populate, remove_item, cb ;
  </script>
</head>

然后将函数分配给变量：

$('document').ready(function()
{
    // Path to MySQL configuration.
    var server = '../server/'
    var data   = '../data/'

    mysql_connection_setup = function()
    {
        $.get(data + 'mysql_connection_setup.php');
    }

    populate = function()
    {
        $.get(server + 'shop.php', cb);
    }

    remove_item = function()
    {
        console.log("Remove item.");
    }

    // Generic AJAX callback.
    cb = function(response)
    {
        $('#items').html(response);
    }

    mysql_connection_setup();
    populate();
}); // End ready

您不能在其他函数中声明函数。但是你可以在里面创建变量回调。

于 2013-04-07T20:33:51.373 回答
0

由于您已经包含了 jQuery，请考虑使用它自己的函数来click准备文档。

我会将 PHP 代码更改为：

for ($i=0; $i<$num_books; $i++)
{
    $book  = mysql_fetch_row($classics);
    $shop .= "<tr>\n";
    $shop .= "<td>".$book[0]."</td>\n";
    $shop .= "<td><input type='button' class='myClass' value='Remove' /></td>\n";
    $shop .= "</tr>\n";
}

在<head>HTML 文档的一部分，我将添加以下内容：

$(document).ready(function(){
    $('.myClass').click(function(){
       console.log("Remove item."); //or call directly remove_item();
    });
});
于 2013-04-07T20:42:38.457 回答