Question

div元素包含以下代码，

<div id="divScroller" style="height:200px;overflow:auto;border:1px solid red;">

Record Line No. 1 <br/>
Record Line No. 2 <br/>
Record Line No. 3 <br/>
Record Line No. 4 <br/>
Record Line No. 5 <br/>

 </div>

<button id="btnAddRecords">Add Records</button>

有jQuery代码在该div中添加记录。

var iIndex = 6;

$("#btnAddRecords").click(function(){

        if(iIndex<200)
        {                   

            $( "#divScroller" ).append(" Record Line No. "+iIndex+" <br/>");
            iIndex++;
            $( "#divScroller" ).append(" Record Line No. "+iIndex+" <br/>");
            iIndex++;
            $( "#divScroller" ).append(" Record Line No. "+iIndex+" <br/>");
            iIndex++;
            $( "#divScroller" ).append("<a href='#' id='link_"+iIndex+"'>Record "+iIndex+" Internal Link </a><br/>");
            $('#link_"+iIndex+"').trigger('click');
            iIndex++;


        }   

});

我试图在附加记录时触发内部链接。但触发功能正在发挥作用。

请您指导我的代码。

提前致谢。

Answer 1

如果只有普通的URL链接用于导航： window.location.href = $('your-link-selector').attr('href');

Answer 2

您的选择器和qoutes的位置在下面的代码中有点错误：

$('#link_"+iIndex+"').trigger('click');

此处，#link_"+iIndex+"被解释为单个字符串，并且没有包含该选择器的元素，因此未触发click事件。

您可以这样做：

$('#link_' + iIndex).trigger('click');

JQuery：触发可滚动div中的内部链接

2 个答案: