点击功能不再有效

时间:2010-09-21 19:36:51

标签: jquery

我有以下页面可以正常工作,所有JS都在标签中,没有内联JS:http://www.ninjatrader-support.com/leins/SS/index.html 当我把它放到生产中,并从表格切换到div布局时,“Next”和“Previous”按钮不再起作用,我不得不回到创建返回表的PHP文件中的内联JS,如下所示: https://www.kinetick.com/Test/supportTest.php#Symbol-Search

这让我很生气。什么可能导致代码在一个实例中工作而在另一个实例中不工作?这两个按钮不在页面本身中,而是在PHP文件中创建并插入到页面中。请帮助这个杀了我!

以下是支持网址

的代码
$(document).ready(function() { 
$("#processing").hide();

var options = { 
    target: '#return',
    beforeSend: function() {
        $('#processing').show()
    },
    complete: function() {
        $('#processing').hide()
    }
    }; 
   $('#SymbolSearchForm').ajaxForm(options); 
}); 

function changestart(direction) 
{
var rowsElement  = $("#maxrows");
var rowsValue    = parseInt(rowsElement.val());
var startElement = $("#startID");
var value        = parseInt(startElement.val());
startElement.val(direction == "forward" ? value + rowsValue : direction == "back" ? value -
rowsValue : 1);
}
$("#previous").click(function(){changestart('back');});
$("#next").click(function(){changestart('forward');});
$("#lookup").click(changestart);

1 个答案:

答案 0 :(得分:2)

也许试试:

$("#previous").live("click",function(){changestart('back');});
$("#next").live("click",function(){changestart('forward');});
$("#lookup").live("click",changestart);

在这两个示例中,看起来在设置.click()处理程序后创建了“Next”和“Prev”按钮。 .live()处理程序允许您添加事件侦听器,即使DOM元素发生更改。

http://api.jquery.com/live/