本文将分享javascript–模态不起作用的详细内容，并且还将对javascript模态框进行详尽解释，此外，我们还将为大家带来关于AJAX返回的JavaScript不起作用.如何使用JavaScr
本文将分享javascript – 模态不起作用的详细内容，并且还将对javascript模态框进行详尽解释，此外，我们还将为大家带来关于AJAX返回的JavaScript不起作用.如何使用JavaScript？、Javascript RegEx不起作用、javascript – $(这个)不起作用、javascript – Angular中的模态不起作用.未处理的拒绝{}的相关知识，希望对你有所帮助。
本文目录一览：- javascript – 模态不起作用（javascript模态框）
- AJAX返回的JavaScript不起作用.如何使用JavaScript？
- Javascript RegEx不起作用
- javascript – $(这个)不起作用
- javascript – Angular中的模态不起作用.未处理的拒绝{}
javascript – 模态不起作用（javascript模态框）
function maisgaleria(n){
var galeria = new Array();
var img = document.querySelector("#gallery");
var pic = 0;
if(n == 1){
pic = 4;
}else if(n == 2){
pic = 7;
}else{
pic = 4;
}
img.innerHTML = "<div>";
img.innerHTML += "<div>";
img.innerHTML += "<h4>galeria "+n+"</h4>";
for(var i = 0; i < pic; i++){
galeria[i] = "foto"+n+"_"+(i+1)+".jpg";
}
for(var i = 0; i < galeria.length; i++){
img.innerHTML += "<img src='img/"+galeria[i]+"'>";
}
img.innerHTML += "</div>";
img.innerHTML += "</div>";
}
和使用模态的window.onload：
window.onload = function(){
var rdSocial = document.querySelector("#social");
var teste = document.querySelector("#teste");
var fb = '<img src="img/fb.png" value="1"onclick="redireciona(this);">';
var twt = '<img src="img/twitter.png" value="2"onclick="redireciona(this);">';
var insta = '<img src="img/insta.png" value="3"onclick="redireciona(this);">';
rdSocial.innerHTML += fb;
rdSocial.innerHTML += twt;
rdSocial.innerHTML += insta;
var x = location.search.split("?gal=")[1];
y = document.querySelector("#pics");
//console.log(x);
y.onload = maisgaleria(x);
//the modal starts here
$('.imgs-modal').on('click',function(){
var obj = $(this).clone();
console.log(obj);
$("#Box_modal").html(obj);
$("#modal").fadeIn(1000);
});
$(".fechar").on('click',function(){
$("#modal").fadeOut(1000);
});
}
解决方法
在window.onload中调用maisgaleria方法之前,必须声明/定义它.
根据你的jsfiddle,它会抛出像maisgaleria这样的错误.因此在使用之前定义maisgaleria.
修复此错误后,另一个错误是“无法设置属性’onload’为null”. dom中没有#pics元素(y = document.querySelector(“#pics”)),您正在引用它并向其添加onload方法.请更新这两个,让我们确切地知道你需要一个带有图像的模态在互联网上的任何例子.
AJAX返回的JavaScript不起作用.如何使用JavaScript？
<html>
<head>
<Meta http-equiv="Content-Language" content="en-us">
<Meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<script type="text/javascript">
function Alex()
{
var xmlHttp;
try
{
xmlHttp=new XMLHttpRequest(); }
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("Your browser does not support AJAX!");
return false;
}
}
}
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
{
document.getElementById("Alex").innerHTML =xmlHttp.responseText;//Get Google Destination Map
}
}
xmlHttp.open("GET","Test2.asp",true);
xmlHttp.send(null);
}
</script>
</head>
<body>
<div id ="Alex"></div>
<label onclick="Alex()" >ssss</label>
</body>
</html>
这是请求页面Test2.asp
<html>
<head>
<Meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
<body>
<div id="Mathew"></div>
</body>
<script type="text/javascript" >
{
document.getElementById("Mathew").innerHTML='ajax is working';
}
</script>
</html>
在页面(Test2.asp)中javascript无法正常工作
如何使用ajax将test2.asp调用到我的test1.asp
当这个问题已经在各种库中解决时,就像jQuery和Prototype一样,从头开始构建Ajax处理程序毫无意义.
Javascript RegEx不起作用
我有以下javascript代码：
function checkLegalYear() {
var val = "02/2010";
if (val != '') {
var regEx = new RegExp("^(0[1-9]|1[0-2])/\d{4}$","g");
if (regEx.test(val)) {
//do something
}
else {
//do something
}
}
}
但是，对于我通过的任何值（02/2010），我的regEx测试始终返回false。我的代码有问题吗？我已经在各种javascript编辑器上在线尝试了此代码，并且效果很好。
javascript – $(这个)不起作用
$(".colorpic").ColorPicker({
color: '#0000ff',onShow: function (colpkr) {
$(colpkr).fadeIn(500);
return false;
},onHide: function (colpkr) {
$(colpkr).fadeOut(500);
return false;
},onChange: function (hsb,hex,rgb) {
$(this).css('backgroundColor','#' + hex); <= $(this) not working
}
});
现在我的问题是$(this)无法在onchange事件中工作.帮帮我吧？
解决方法
$(".colorpic").each(function(){
var $this = $(this);
$this.ColorPicker({
color: '#0000ff',onShow: function (colpkr) {
$(colpkr).fadeIn(500);
return false;
},onHide: function (colpkr) {
$(colpkr).fadeOut(500);
return false;
},rgb) {
$this.css('backgroundColor','#' + hex);
}
});
});
javascript – Angular中的模态不起作用.未处理的拒绝{}
我想创建一个模态(对话框).我已经按照官方bootstrap文档的例子,但我卡住了.当我尝试创建模态时,我收到一个错误
angular.min.js:122 Possibly unhandled rejection: {}
mainController：
angular
.module('app')
.controller('tlmController',function($scope,$http,$timeout,$uibModal,DTOptionsBuilder,DataLoader,TestLines) {
$scope.openTestLineDetails = function(id) {
var modalinstance = $uibModal.open({
size: 'lg',controller: 'testlineDetailsController',templateUrl: 'app/client/layout/testlinedetails.tpl.html',resolve: {
testLineId: function() {
return id;
}
}
});
};
})
和TestlineDetailsController：
angular
.module('app')
.controller('testlineDetailsController',$modalinstance,testLineId) {
});
这段代码有什么问题？我在主控制器中使用$uibModal($modal服务不存在).当我用$uibModalinstance替换$modalinstance时我也收到一个错误(service $uibModalinstance不存在),所以我必须在$modalinstance中使用$uibModal. Strage但是真的.
app.config(['$qProvider',function ($qProvider) {
$qProvider.errorOnUnhandledRejections(false);
}]);
今天关于javascript – 模态不起作用和javascript模态框的分享就到这里，希望大家有所收获，若想了解更多关于AJAX返回的JavaScript不起作用.如何使用JavaScript？、Javascript RegEx不起作用、javascript – $(这个)不起作用、javascript – Angular中的模态不起作用.未处理的拒绝{}等相关知识，可以在本站进行查询。
本文标签：
