javascript - jquery 折叠按钮不加载远程内容

标签 javascript jquery html css twitter-bootstrap

<分区>

想改进这个问题吗？ 通过 editing this post 添加细节并澄清问题.

关闭 7 年前。

Improve this question

我正在尝试创建一个可折叠按钮，点击后，它会从 URL 获取内容并将结果加载到当前页面。

当 href 指向同一页面内的某个位置(href="#abcd")时，该按钮工作正常，但当 href 指向远程数据(href="/query/abcd")时出现错误

Uncaught Error: Syntax error, unrecognized expression: /query/abcd

/query/abcd - 运行数据库查询并返回一个 HTML 表格，该表格应在可折叠按钮下呈现

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

</head>


<div class="container">
  <a href="/query/abcd" class="btn btn-info" data-toggle="collapse">Query results here - 10 items</a>

</div>

</body>
</html>

最佳答案

我不相信你可以在 bootstrap 的 remote data 中使用带有 url 的 href 标签，

你可以像下面的例子那样使用data-tab-url="":

https://github.com/LeaseWeb/bootstrap-remote-data#L79

关于javascript - jquery 折叠按钮不加载远程内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35023167/