小编Ari*_*ina的帖子

如何更改引导程序 4 上的导航栏悬停颜色?

我需要将导航栏悬停颜色更改为其他颜色。我设法自己更改导航栏文本颜色,但我找不到正确的颜色来更改检查元素的悬停颜色。

然后我在stackoverflow上查找以前的asnwers,但它们不适用于我的代码。任何投入将不胜感激!

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Bootstrap 4 Basic template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  

    <style type="text/css">
      
      
    html,
    body {
      overflow-x: hidden;
    }

.navbar-light .navbar-brand {
    color: #FFFFFF;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #FFFFFF;
}

.navbar-light .navbar-nav .nav-link {
    color: #FFFFFF;
}





    </style>


    

  </head>
  <body>

<nav class="navbar-expand-sm navbar-expand-md navbar-expand-lg navbar …
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap bootstrap-4

7
推荐指数
2
解决办法
2万
查看次数

JS 检查 getElementById 是否存在

这是我课堂作业的一部分。它是一个小型的 Web 应用程序。下面的代码部分是一个选择按钮(复选框)的函数。代码工作正常。

我的问题是我在控制台上收到此错误:

未捕获的类型错误:无法 在 HTMLAnchorElement.onclick (index.html:137) 的
selectGirls (indexj.js:163)
处 设置属性“checked”为 null

我知道我收到此错误,因为我在每个页面上都没有这些元素。为了澄清这一点,我的意思是第 1 页有两个复选框,但第 2 页有 5 个复选框,就像这样。

我想对所有页面使用相同的 JS 文件。我的问题是如何最好地避免这些控制台错误?我不想让它们从控制台隐藏作为解决方案。我非常感谢您的意见。

function selectAllStudents() {
    unselectAllStudents();
    let boxes = $(".scores").toArray();
    document.getElementById('check_Terrilyn').checked = true;
    document.getElementById('check_Vinnie').checked = true;
    document.getElementById('check_Boren').checked = true;
    document.getElementById('check_Tempie').checked = true;
    document.getElementById('check_Mapes').checked = true;
    document.getElementById('check_Fletcher').checked = true;
    document.getElementById('check_Bovee').checked = true;
    document.getElementById('check_Figgs').checked = true;
}
Run Code Online (Sandbox Code Playgroud)

javascript jquery

3
推荐指数
2
解决办法
1万
查看次数

How Disable a Dropdown Item When Some Selection Checkboxes Are Not Present

I'll try my best to explain this. So I have several HTML pages with a dropdown menu, which selects checkboxes when pressed on each item.

HTML Page 1 has checkboxes for female names:

Arina
Diana
Jane
....
Run Code Online (Sandbox Code Playgroud)

HTML Page 2 has checkboxes for male names:

Jake
Andrew
William
....
Run Code Online (Sandbox Code Playgroud)

HTML Page 3 has checkboxes for pet names:

Milo
Ollie
Teddy
...
Run Code Online (Sandbox Code Playgroud)

Now I'm using a dropdown menu on these 3 HTML pages I've mentioned to select these checkboxes.

You can …

javascript jquery

3
推荐指数
1
解决办法
90
查看次数

在没有settimeout的情况下使用JQuery延迟函数

我是编码的初学者,并且我一直在尝试使用超时来延迟按钮单击功能,但似乎无法正常工作。

为了进一步说明,该按钮应该做一些事情,但是当我添加超时功能时,它所做的只是延迟它,而不处理下一行。即使使用JavaScript也可以。谁能帮我吗。提前致谢。:)

$(document).ready(function () {
	setTimeout(function(){
	$("#mybutton").click(myButtonClicked);
	}, 1000);
	getURLParameter("run") && $("#mybutton").click()
});


function getURLParameter(a) {
	a = (new RegExp("[?|&]" + a + "=([^&;]+?)(&|#|;|$)")).exec(location.search);
	if (null == a) return null;
	a = a[1];
	a = a.replace(/\+/g, "%20");
	return decodeURIComponent(a)
}

function myButtonClicked() {
	disableMyButton();
	var a = $(".new").toArray(),
		c = $(".status").toArray();
	a.reverse();
	c.reverse();
	doNextBox(a, c)
}
Run Code Online (Sandbox Code Playgroud)

我想做的是

  1. 点击按钮
  2. 等一下
  3. 继续下一个任务

javascript jquery

1
推荐指数
1
解决办法
58
查看次数

无效的正则表达式:无法重复Safari控制台错误

因此,我有一个可以在其他浏览器上正常工作的代码,但不适用于iPhone和Safari浏览器。当我调试时,以下代码显示“无效的正则表达式:无需重复”。

  function getURLParameter(a) {
    a = (new RegExp("[?|&]" + a + "=([^&;]+?)(&|#|;|$)")).exec(location.search);
    if (null == a) return null;
    a = a[1];
    a = a.replace(/+/g, "%20");
    return decodeURIComponent(a)
}
Run Code Online (Sandbox Code Playgroud)

您能提供的任何帮助将不胜感激。

javascript jquery

0
推荐指数
1
解决办法
29
查看次数

避免内联onClick函数的最佳解决方案是什么?

我有一些我修改过的代码,它们有HTML格式的内联脚本.

例如,在我的文档中,这样的按钮很少.

<button class="btn-primary" onclick="selectAll()">All Students</button>
Run Code Online (Sandbox Code Playgroud)

如何以最佳方式避免这种内联样式?

附加信息:我正在使用查询文件.任何输入将不胜感激.

javascript jquery

-1
推荐指数
1
解决办法
116
查看次数

标签 统计

javascript ×5

jquery ×5

bootstrap-4 ×1

css ×1

html ×1

twitter-bootstrap ×1