小编Zak*_*rki的帖子

Google Map不会出现在Modal Popup中

我想在模态弹出窗口中显示谷歌地图,但它似乎没有出现.需要帮忙.

这是HTML -

<div id="map-canvas" style="width: 600px; height: 450px; background-color: grey;padding:0;margin:0"></div>
Run Code Online (Sandbox Code Playgroud)

JS -

function initialize() {
    var myloc = new google.maps.LatLng(-34.397, 150.644);
    var mapOptions = {
        zoom: 17,
        center: myloc,
        scrollwheel: false
    };
    var map = new google.maps.Map(document.getElementById('map-canvas'),mapOptions);
    var marker = new google.maps.Marker({
        position: map.getCenter(),
        map: map,
        animation: google.maps.Animation.BOUNCE
    });
    var contentString = '<div id="content" style="dir:rtl; text-align:right;">'+
            '<div id="siteNotice">'+
            '</div>'+
            '<h1 id="firstHeading" class="firstHeading"><h1>title here</h1>'+
            '<div id="bodyContent">'+
            '<p>description here</p>'+
            '</div>'+
            '</div>';
    var infowindow = new google.maps.InfoWindow({
        content: contentString,
        maxWidth: 250
    }); …
Run Code Online (Sandbox Code Playgroud)

javascript jquery google-maps twitter-bootstrap bootstrap-modal

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

仅跟踪嵌套 div 标签中悬停子元素的鼠标移动

我有一个可以有 n 个嵌套 div 标签的环境。我必须仅在子 div 中跟踪鼠标的鼠标移动时刻。

我有以下代码。结果显示在列表中。

问题:如果我附加更多子“div”,鼠标移动也会跟踪所有父级 div。

我想要的是:仅获取鼠标悬停区域的鼠标轨迹。

我还尝试使用 is:hover 进行过滤,但所有元素都悬停。 JSF闲置

var count = 0;
$('div').on({
  mousemove: function(event) {
    $('.mousemovement').append('<li>MouseMove' + $(this).attr('class') + '</li>');

    if (count > 10) {
      $('.mousemovement').html('');
      count = 0;
    }
    count++;
  }
});
Run Code Online (Sandbox Code Playgroud)
.outer {
  background-color: #aeaeae;
  height: 200px;
  width: 200px;
  float: left;
}

.inner {
  margin: 5px 0px;
  background-color: #ccc;
  height: 100px;
  width: 100px;
  float: left;
}

.inner2 {
  margin: 5px 0px;
  background-color: green;
  height: 60px;
  width: 60px;
  float: …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

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

在我的函数运行时如何解除绑定或阻止其他单击事件发生?

我有一个旋转木马设置,我点击事件绑定到导航箭头.单击它们时,我使用jQuery动画在下一个轮播幻灯片的元素中制作动画,并且由于动画的性质,我使用setTimeout()了几次.

我有一个错误,如果我单击一个箭头,然后快速单击上一个或下一个箭头,动画将因为超时(这个项目中必需的)而混淆,并且在屏幕上不呈现任何内容.我已经看了一段时间了,我认为最好的方法可能是防止其他箭头在当前动画完成之前被点击.

每个箭头被控制clickon:('click', function() ...等:

$("#arrow1").click(function() {...}
Run Code Online (Sandbox Code Playgroud)

我看了看

$("element").off("click");
Run Code Online (Sandbox Code Playgroud)

但由于他们没有使用'on'方法附加,我认为这不会起作用.

我想要的东西:

$("#arrow1").click(function() {
 $("#arrow2, #arrow3, #arrow4").off("click");
 // do my animations, then
 $("#arrow2, #arrow3, #arrow4").on("click");
}
Run Code Online (Sandbox Code Playgroud)

但我还没有能够让它工作.

html javascript jquery

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

jQuery同时使用addClass和removeClass

我有一个链接到我在Fiddle的代码.

HTML:

<table border="0" cellpadding="1" cellspacing="0">
<tbody>
<tr>
  <td class="padding-right-5">
    <span class="plain-select">
    <select name="event_type_1" id="event_type_1" tabindex="24" class="form-control" style="padding: 7px 12px;">
      <option value="option_1">Option 1</option>
    </select>
    </span>
  </td>
  <td class="padding-right-5">
    <input name="event_names_1" type="text" id="event_names_1" class="form-control" style="text-align: left; padding-left:5px;" tabindex="24">
  </td>
  <td class="padding-right-5">
    <input name="school_1" type="text" id="school_1" class="form-control" style="text-align: left; padding-left:5px;" tabindex="25" value="">
  </td>
  <td class="padding-right-5">
    <input name="event_time_score_1" type="tel" id="event_time_score_1" class="form-control responsive-placeholder text-center" tabindex="26" size="10" maxlength="10">
  </td>
  <td class="padding-right-5">
    <div class="btn btn-xs btn-primary add-row">
      Add row
    </div>
  </td>
</tr>
<tr style="display: …
Run Code Online (Sandbox Code Playgroud)

javascript jquery

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

如何从数组中定位e负数,得到所有正数的总和?

我试图找出如何在数组中定位负数.我有这个

function SummPositive( array ) {

}
SummPositive( [ 1, 2, 3, 4, 5, -2, 23, -1, -13, 10,-52 ] );
Run Code Online (Sandbox Code Playgroud)

这是一个具有负数和正数的数组.当您不知道数组中有多少负数时,如何定位数组中的所有负数?

例如,我正在尝试to...loop整个数组,找到正数,将它们存储在另一个数组中,并进行求和(1+2+3+4+5+10+23).

但我是菜鸟,我不知道怎么做.如果可能,只使用本机js

javascript arrays numbers

4
推荐指数
2
解决办法
6084
查看次数

在动态加载html时禁用href

我正在使用这段代码禁用预览页面的所有链接:

var disableLink = function(){ return false;};
$('a').bind('click', disableLink);
Run Code Online (Sandbox Code Playgroud)

这将禁用静态加载的所有链接.但是,使用ajax加载的所有标记仍然是可压缩的.

我该如何制作它以便在我的预览中禁用所有链接,甚至是动态加载的链接.

html javascript ajax jquery

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

如何将唯一 ID 添加到 select2 下拉列表

我有一个问题,我在页面上有多个选择,而我们正在使用 select2。我只想为这个特定的选择设置样式,但我无法使它独一无二,因此我可以添加一些 CSS。我可以将 ID 添加到容器中,但实际发生的是当下拉菜单打开时,代码添加到正文的最底部,因此我无法使用 ID 或 css 定位它而不应用它每一个选择。

如何将 id 或 class 添加到下面的代码中?我正在使用 select2 v3.4.0。如果您在此页面上打开一个选择,您可以看到我所指的内容。选择 2

<div class="select2-drop select2-display-none select2-drop-active select2-with-searchbox" style="display: block; top: 468px; left: 627.078px; width: 252px;" id="select2-drop">
    <div class="select2-search">
        <input type="text" autocomplete="off" autocorrect="off" autocapitilize="off" spellcheck="false" class="select2-input"> </div>
    <ul class="select2-results">
        <li class="select2-results-dept-0 select2-result select2-result-selectable select2-highlighted">
            <div class="select2-result-label"><span class="select2-match"></span>Standard Vehicle</div>
        </li>
        <li class="select2-results-dept-0 select2-result select2-result-unselectable select2-disabled">
            <div class="select2-result-label"><span class="select2-match"></span></div>
        </li>
        <li class="select2-results-dept-0 select2-result select2-result-selectable">
            <div class="select2-result-label"><span class="select2-match"></span>Motorcycles &amp; Scooters</div>
        </li>
    </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery jquery-select2

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

使用div标签在html中显示文本

我是 html 的新手,我知道标签定义了 HTML 文档中的一个部门或一个部分,但有时你可以看到像这样使用 div 标签:

<div>This is some text</div>
Run Code Online (Sandbox Code Playgroud)

我们不应该使用一些文本显示目的标签<p>吗?

html css

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

如何计算字符串中有多少辅音?

我在解决方案附近吗?我总是得到双倍数量的辅音.

我确信这是正确的做法.

function consonants(str) {
  var countConsonants = 0;

  for (var i = 0; i <= str.length; i++) {

    if (str[i] !== "a" || str[i] !== "e" || str[i] !== "i" ||
      str[i] !== "o" || str[i] !== "u" || str[i] !== " ") {
      countConsonants += 1;
    }
  }
  return (countConsonants);
}
consonants("asdfghaaa");
Run Code Online (Sandbox Code Playgroud)

我期待5的答案,即sdfgh辅音.

javascript

4
推荐指数
2
解决办法
272
查看次数

如何使用 event.target.matches 来匹配 div 元素

<!DOCTYPE html>
<html>
    <head>
        <style>
            .dropdown-content a{
                display: block;
                background-color: blue;
            }
        </style>
    </head>
    <body>
        <div class="dropdown-content">
            <a>1</a>
            <a>2</a>
        </div>
        <script>
            window.onclick = function(event){
                if(!event.target.matches('.dropdown-content')){
                    alert("foo");
                }   
            };
        </script>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

我试图alert(foo);仅在我们没有点击div正文中标签内的任何内容时才执行。不幸的是,无论我点击哪里,它都会执行。为什么?

html javascript jquery dom

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