Javascript 使用jquery将焦点(或滚动到视图)转到面板

Javascript 使用jquery将焦点(或滚动到视图)转到面板,javascript,jquery,panel,js-scrollintoview,Javascript,Jquery,Panel,Js Scrollintoview,我正在设置一个表单,在该表单中,用户可以在单击按钮时看到他们选择的单选按钮(具有特定值) 我可以获得单选按钮的焦点并使页面滚动到它,但希望父级面板主体像scrollintoview()一样聚焦在页面上,但这不起作用 在.focus()之前也使用了.parents(“.panel body”)。。 `` 上面的代码只启用单选按钮进入焦点…当不使用.parents(“.panel body”)…我希望整个div位于可见帧中如果parent是它需要tabindex属性。像这样试试 $("input[v

我正在设置一个表单,在该表单中,用户可以在单击按钮时看到他们选择的单选按钮(具有特定值)

我可以获得单选按钮的焦点并使页面滚动到它,但希望父级
面板主体
scrollintoview()
一样聚焦在页面上,但这不起作用

.focus()
之前也使用了
.parents(“.panel body”)
。。 ``

上面的代码只启用单选按钮进入焦点…当不使用.parents(“.panel body”)…我希望整个div位于可见帧中

如果parent是它需要tabindex属性。像这样试试

$("input[value*='three']:checked:eq(" + target + ")")
.parent(".panel-body").attr("tabindex",-1).focus();
或者将tabindex属性添加到html标记中,如

<div class="panel-body" tabindex="-1">
</div>
更新: *如果您不想更改html,可以通过jquery代码执行相同的操作,如下所示

$("input[value*='three']:checked:eq(" + target + ")").parents(".panel-body").attr('tabindex','-1').focus();
如果父项是
,则需要
tabindex
属性。像这样试试

$("input[value*='three']:checked:eq(" + target + ")")
.parent(".panel-body").attr("tabindex",-1).focus();
或者将tabindex属性添加到html标记中,如

<div class="panel-body" tabindex="-1">
</div>
更新: *如果您不想更改html,可以通过jquery代码执行相同的操作,如下所示

$("input[value*='three']:checked:eq(" + target + ")").parents(".panel-body").attr('tabindex','-1').focus();

如果无法更改html文件,可以使用以下方法滚动到div:

//your stuff goes here
$('html, body').animate({ scrollTop: $('.panel-body').offset().top }, 'fast');

如果无法更改html文件,可以使用以下方法滚动到div:

//your stuff goes here
$('html, body').animate({ scrollTop: $('.panel-body').offset().top }, 'fast');

请提供html和js代码更新@dGanenco的完整工作示例对不起,我不明白代码中的
target
是什么?请提供html和js代码更新@dGanenco的完整工作示例对不起,我不明白代码中的
target
是什么?嗨。。。这是我正在编写的一个用户脚本。。。。。。问题是我不想更改html…..在不更改文件的情况下,任何可能的方法都可以明确地说,您可以通过jquery进行更改,而不是更改html,如下面的代码:
$(你好。。。这是我正在编写的一个用户脚本。。。。。。问题是我不想更改html…..在不更改文件的情况下,任何可能的方法都可以明确地说,您可以通过jquery进行更改,而不是更改html,如下面的代码:
$(