未捕获的类型错误:$(..).modal不是具有远程url的函数
Uncaught TypeError: $(...).modal is not a function with remote url
我正在尝试打开按钮的click
上的Bootstrap模式窗口。模式窗口正在打开一个外部页面(原点相同)。
Please look into JS Fiddle for more clarification.
https://jsfiddle.net/deveshmishra/frubmp1y/
错误:当我点击按钮时,我得到了一个错误,即:
未捕获的类型错误:$(…).modal不是函数。
有趣的是,每次我都没有犯这个错误。有时它工作得很好,但有时,它不起作用。另一件事是,只有当我加载外部页面时,它才会出现。否则它会很好用。
问题已解决。https://jsfiddle.net/frubmp1y/5/检查一下-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"> </script>
</head>
<body>
<div class="container">
<h2>Open a Popup Window</h2>
<button id="openModal" type="button" class="btn btn-default">Bootstrap Popup</button>
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<script>
$(document).on("click", "#openModal", function (){
var url = "http://testing.dev/index.html";
$('#myModal').modal({ show: 'true', remote: url })
});
</script>
相关文章:
- JS:检查URL中的参数,然后迭代一个参数为var的函数
- 如何检查这个代码点火器php函数是否工作,该函数是否在ajax url中使用
- iFrame url更改时执行函数
- 在javascript中使用split函数希望在页面加载时拆分url
- Reactjs URL.createObjectURL不是函数
- 将重定向URL链接添加到JS函数
- 如何使用特定的javascript函数创建一个url,以便在加载页面时运行
- 如何创建背景图像列表'URL,并使用jQuery在单击函数时应用它们
- 更新URL时使用Javascript函数显示日期
- ajax外部url加载完成后调用jquery函数
- 为什么html src属性中的相对url是因为Javascript函数中的完整路径
- 获取带有URL的字符串的Javascript函数
- 未捕获的类型错误:$(..).modal不是具有远程url的函数
- 如何在 javascript 中的 url 回调函数中传递参数
- 管理 AJAX 中开放函数的 URL 的规则
- 可用于重定向到任何 URL 的 JavaScript 函数
- JavaScript 函数,用于使用该参数创建 URL
- jquery.get函数url参数
- JavaScript函数URL中PHP变量的问题
- 为防止ie缓存,在Jquery函数url后添加唯一值