使用循环创建的链接的onclick不起作用

时间:2014-05-12 00:15:59

标签: jquery html

我从mysql数据库中提取记录,我应该实现分页。我已经有每页显示50,100,300条记录,并且可以显示像这样的页数 如果有388条记录,如果选择50条记录则会有8页

现在我正在尝试使用onclick使分页链接工作但无济于事

HTML

<table id="mainTable">
<tr>
    <td>ID</td>
    <td>Name</td>
    <td>Address</td>
</tr>
<tr>
    <td>1</td>
    <td>yuu</td>
    <td>KitsuneJima</td>
</tr>
<tr>
    <td>2</td>
    <td>shishio</td>
    <td>Yokohama</td>
</tr>
<tr>
    <td>3</td>
    <td>seijiro</td>
    <td>Hokaido</td>
</tr>
<tr>
    <td>4</td>
    <td>yumi</td>
    <td>Kawasaki</td>
</tr>
<tr>
    <td>5</td>
    <td>kaoru</td>
    <td>Shizuoka</td>
</tr>
<tr>
    <td>6</td>
    <td>sanosuke</td>
    <td>Aichi</td>
</tr>
<tr>
    <td>7</td>
    <td>aomori</td>
    <td>Nagaishi</td>
</tr>
<tr>
    <td>8</td>
    <td>seijiro</td>
    <td>Iwate</td>
</tr>
<tr>
    <td>9</td>
    <td>seijiro</td>
    <td>Kyuushuu</td>
</tr>
<tr>
    <td>10</td>
    <td>seijiro</td>
    <td>Honshuu</td>
</tr>
 <tr>
    <td>11</td>
    <td>yahiko</td>
    <td>Honshuu</td>
</tr>
</table><br>
View Page&nbsp&nbsp<span id="mnPg"></span>&nbsp&nbsp<span id="tsugi">Next</span><br>

<select id="hyoujiKensuuSentakushi">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="5">5</option>
<option value="10">10</option>
<option value="20">20</option>
</select>

jquery的

$(function() {
function mainDraw(mnPge) {
var u=0;
var peji="";
zenpeji=10;
while(u<zenpeji)
{
  peji+='&nbsp<u id="hyoujiPeji'+(u+1)+'" onclick="$(function() {mainDraw('+(u+1)+')});">'+(u+1)+'</u>&nbsp';
  u++;
}
}
});
$('#mnPg').html(peji);

CSS

u
{
cursor: pointer
}

我尝试将值传递给函数但我想知道为什么我不工作

1 个答案:

答案 0 :(得分:0)

抱歉,当你评论你的问题时,我正在摆弄。 在这里,试试这个: http://jsfiddle.net/hige/hR3YF/

您似乎对范围有疑问。函数mainDraw未附加到“窗口”,因此无法访问。

此致

/ *旧回复

我注意到代码有些问题。 首先,传递mnPge参数,但从不使用它。 第二,var“peji”的范围。如果您希望$('#mnPg').html(peji);起作用,您应该全局定义peji或在mainDraw()范围内包含该行。

此外,正如这些家伙所说,你可能想要更清楚。你想做什么,你有什么错误或问题等等,所以我们可以帮助你。

无论如何,我尝试了一些可能会有所帮助的东西,但这没有任何意义,因为你正在绘制相同功能的链接,但是在这里,我希望它有所帮助: http://jsfiddle.net/hige/eGCg4/ * /