JSFiddle https://jsfiddle.net/3ah26cvq/
在JSFiddle中默认情况下HTML是活动的,它包含11个问题.现在PHP默认情况下它已折叠,当我们点击它时,它将打开,HTML将崩溃.
我的问题是,当我点击PHP时,它显示了PHP的最后一个问题.在我的例子中,它是Focusing(显示)第11个PHP问题,实际上它应该聚焦(显示) PHP标题因为我们点击了它.我怎样才能实现它.
与上面的JSFiddle相关
我尝试了3种不同的方式,但没有一种方法有效:
$("#panelForPHP").click(function(){ $("#accordionPHP").focus(); });
$("#panelForPHP").click(function(){ $("#collapsePHP1").focus(); });
$("#panelForPHP").click(function(){ $("#panelForPHP").focus(); });
Run Code Online (Sandbox Code Playgroud)
总之,我点击它应该关注屏幕我该怎么做?
$("#panelForPHP").click(function(){ $("#accordionPHP").focus(); });
$("#panelForPHP").click(function(){ $("#collapsePHP1").focus(); });
$("#panelForPHP").click(function(){ $("#panelForPHP").focus(); });
Run Code Online (Sandbox Code Playgroud)
.circle {
width: auto;
height: 23px;
text-align:top;
float: right;
background: #ffff00;
color: #fff;
color: black;
padding-top: 3px;
margin-right: -15px;
margin-top: -10px;
border-bottom-left-radius: 500%;
font-size: 11px;
padding-left: 7px;
padding-right: 7px;
}
.panel_heading_bg {
background-color: #122c5f !important;
color: white !important;
}
Run Code Online (Sandbox Code Playgroud)
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="panel-group" id="accordionMain">
<?php /* …
Run Code Online (Sandbox Code Playgroud)我在使用ajax调用提交表单时克服了跨度和按钮问题.
这是我的代码与按钮:
<form>
<button class="btn btn-round btn-fill pull-right mg-top" id="gdBasic" >Generate</button>
</form>
Run Code Online (Sandbox Code Playgroud)
这是我的代码span:
<form>
<span class="btn btn-round btn-fill pull-right mg-top" id="gdBasic" >Generate</span>
</form>
Run Code Online (Sandbox Code Playgroud)
javascript生成启动这里.....
$("#gdBasic").click(function () {
///////////////Ajax call is inside.//////////////////
});
Run Code Online (Sandbox Code Playgroud)
我的问题是标签跨度表单正在提交并从ajax获得响应但是当我用按钮标签页面做的时候是令人耳目一新的.
所以我只是想知道他们之间有什么区别我没有<button type='submit'>
为按钮标签写
我有一个像这样的对象:
var data = [
{"id":"36e1e015d703120058c92cf65e6103eb","title":"Alex McGibbon"},
{"id":"60beb5e7d7600200e5982cf65e6103ad","title":"Alex Linde"},
{"subs":[{"id":"62826bf03710200044e0bfc8bcbe5df1","title":"Abel Tuter"}],"id":"63e8479fdb161300bde15901cf96191c","title":"Abdul Waheed"},
{"subs":[{"subs":[{"id":"12826bf03710200044e0bfc8bcbe5db1","title":"Alfonso Griglen"},{"subs":[{"id":"06826bf03710200044e0bfc8bcbe5d8a","title":"Allyson Gillispie"},{"id":"b282abf03710200044e0bfc8bcbe5d28","title":"Allan Schwantd"}],"id":"22826bf03710200044e0bfc8bcbe5dec","title":"Alejandra Prenatt"}],"id":"0a826bf03710200044e0bfc8bcbe5d7a","title":"Adela Cervantsz"},{"id":"4847c4d4d773020058c92cf65e61038e","title":"Alisa Chinoy"},{"id":"71826bf03710200044e0bfc8bcbe5d3b","title":"Aileen Mottern "},{"id":"a8f98bb0eb32010045e1a5115206fe3a","title":"Abraham Lincoln"}],"id":"7c2e6109dbd65300bde15901cf9619b5","title":"Raju Koyagura"}
];
console.log(data)
Run Code Online (Sandbox Code Playgroud)
现在我想要将所有id值检索为新数组,而不考虑它是哪个嵌套级别.
我的预期结果是这样的::
var result = ['36e1e015d703120058c92cf65e6103eb','60beb5e7d7600200e5982cf65e6103ad','62826bf03710200044e0bfc8bcbe5df1','06826bf03710200044e0bfc8bcbe5d8a','b282abf03710200044e0bfc8bcbe5d28','22826bf03710200044e0bfc8bcbe5dec','0a826bf03710200044e0bfc8bcbe5d7a','4847c4d4d773020058c92cf65e61038e','71826bf03710200044e0bfc8bcbe5d3b','a8f98bb0eb32010045e1a5115206fe3a','7c2e6109dbd65300bde15901cf9619b5'];
console.log(result);
Run Code Online (Sandbox Code Playgroud)
我不知道如何实现它.