小编Kyl*_*Mit的帖子

抵消引导程序/ select2渲染延迟?

我在网站上使用引导程序,并在加载时使用以下代码将我的选择框变成select2下拉列表

$("select").select2();
Run Code Online (Sandbox Code Playgroud)

但是,当加载任何带有select下拉列表的页面时,会有短暂的延迟,在此之前可以在选择select2替换项之前看到原始页面。这随着我页面上表单元素的移动非常震撼。

有没有一种方法可以在我的后端(ASP MVC3)中生成select2 HTML并将其写出到页面中,从而使select2插件仍然可以正确连接所有行为?

javascript jquery asp.net-mvc-3 twitter-bootstrap jquery-select2

5
推荐指数
2
解决办法
2130
查看次数

在iFrame范围之外扩展div?

是否可以将内容扩展到iframe的范围之外?

在我的情况下,我以前<select>在iframe中渲染本机控件.作为本机控件,当渲染时,下拉列表可以占据iframe外部的空间.我最近将下拉列表转换为使用select2,它使用各种<span>元素重建下拉列表.

问题是现在它在以下内容中被截止<iframe>:

演示

我已经尝试将溢出设置为可见,但这不起作用:

iframe {
   overflow: visible
}
Run Code Online (Sandbox Code Playgroud)

这是关于Plunker的测试用例

JavaScript:

$("#OpenSelect2").click(function(){
 OpenPagePopup("select2.html", "Select 2", 150, 400);
});

//Open Diagnosis Control for editting
function OpenPagePopup(location, title, ht, wt) {
  $('<div>')
      .append($('<iframe/>', {
          'class': "fullFrame",
          'src': location
      }))
      .dialog({
          autoOpen: true,
          modal: true,
          height: ht,
          width: wt,
          title: title
      });
}
Run Code Online (Sandbox Code Playgroud)

index.html:

<button id="OpenSelect2">Open Modal with Select2</button>
Run Code Online (Sandbox Code Playgroud)

select2.html:

<select class="select2">
    <option value="AZ">Arizona</option>
    <option value="CO">Colorado</option>
    <option value="ID">Idaho</option>
    <option value="MT">Montana</option>
    <option value="NE">Nebraska</option> …
Run Code Online (Sandbox Code Playgroud)

html css iframe overflow jquery-select2

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

如何删除悬停在图像上时出现的缩放图标?

我正在使用这个引导主题的网站上工作.当鼠标悬停在任何图像上时,会出现缩放图标 - 如何将其删除?

我尝试删除class="zoomIcon"并查看此网站以及在Google上搜索.

HTML:

<div class="product-main-image-container">
  <img src="../../images/products/prod1.png" alt="" class="product-loader" style="display: none;">
  <span class="thumbnail product-main-image" style="position: relative; overflow: hidden;">
    <img src="../../images/products/prod1.png" alt="">
    <img src="../../images/products/prod1.png" class="zoomImg" 
         style="position: absolute; top: -0.0456852791878173px; left: -1.23350253807107px; opacity: 0; width: 400px; height: 400px; border: none; max-width: none; max-height: none;">
  </span>
</div>
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

5
推荐指数
2
解决办法
1933
查看次数

使用user/pass向web.config添加基本身份验证的最简单方法

我正在设置一个Azure API管理,后面有一个ASP.NET WebApi 2应用程序.API Management建议在API Management代理和ASP.NET WebApi之间设置Basic auth,以确保只能通过API Management代理访问WebApi.

(当然OAuth令牌仍然会发送"真实"身份验证请求,但我稍后会添加.)

考虑到这一点,我真的不想在应用程序中使用Basic auth,我希望通过Web.config独占IIS.

如何设置我的Web.config以使用存储在Web.config中的用户名/密码进行基本身份验证?

我试着按照这篇文章(http://www.4guysfromrolla.com/articles/122408-1.aspx)但没有太多运气.

这个问题没有答案,但他们可能会要求类似的事情:web.config单用户基本身份验证

我在这里找到的其他答案包括在应用程序中添加我不想做的身份验证.

这是我的Web.config:

<?xml version="1.0"?>
<configuration>
  <configSections>
    <!-- For more information on Entity Framework configuration, visit http://go.microsoft.com/fwlink/?LinkID=237468 -->
    <section name="entityFramework" type="System.Data.Entity.Internal.ConfigFile.EntityFrameworkSection, EntityFramework, Version=6.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" requirePermission="false"/>
  </configSections>
  <appSettings configSource="bin\debug-appSettings.config"/>
  <connectionStrings configSource="bin\debug-connectionStrings.config"/>
  <system.web>
    <compilation targetFramework="4.5.2"/>
    <httpRuntime targetFramework="4.5.2"/>
    <authentication mode="Forms">
      <forms>
        <credentials passwordFormat="Clear">
          <user name="test" password="test" />
        </credentials>
      </forms>
    </authentication>
    <authorization>
      <allow users="test" />
      <deny users="*" />
    </authorization>
  </system.web>
  <system.webServer>
    <handlers>
      <remove name="ExtensionlessUrlHandler-Integrated-4.0"/>
      <remove name="OPTIONSVerbHandler"/> …
Run Code Online (Sandbox Code Playgroud)

authentication iis web-config asp.net-web-api2 azure-api-management

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

谷歌地图方向API考虑流量

我正在尝试编写一个简单的脚本,以便通过考虑交通情况来在谷歌表中计算两个位置之间的旅行时间。

DirectionFinder我正在使用google Maps API 的类。

我已成功计算出旅行所需的时间,但无论我输入什么出发时间,我的旅行时间都保持不变。

  • 知道我做错了什么吗?
  • 使用此类是否可以考虑流量?
  • 我是否需要成为企业用户才能访问此内容?

这是我的代码:

function DrivingSeconds(origin, destination, Y, M, D, H, S) {
  Utilities.sleep(1000);
  var time= new Date(Y,M,D,H,S);
  var directions = Maps.newDirectionFinder()
  .setDepart(time)
  .setOrigin(origin)
  .setDestination(destination)
  .setMode(Maps.DirectionFinder.Mode.DRIVING)
  .getDirections();
  return directions.routes[0].legs[0].duration.value;  
}
Run Code Online (Sandbox Code Playgroud)

google-maps google-apps-script

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

HTML5滑块.如何使用'noUiSlider'

下午好,

我正在尝试实现'noUIslider'滑动条(http://refreshless.com/nouislider/),即使在他们主页上的第一个例子也在努力.

我已经下载了各种css和js并将它们解压缩到一个文件夹中.然后我写了下面的html页面,但看起来没有什么工作正常(空白的html页面).关于我错过的任何线索?

非常感谢你的帮助,祝你周日愉快.

祝福,劳伦特

<!DOCTYPE html>
<html>
<head>
<link href="nouislider.min.css" rel="stylesheet">
<style>
#showcase {
    margin: 0 20px;
    text-align: center;
}
#range {
    height: 300px;
    margin: 0 auto 30px;
}
#value-span,
#value-input {
    width: 50%;
    float: left;
    display: block;
    text-align: center;
    margin: 0;
}
</style>

</head>
<body>
<script src="nouislider.min.js"></script>
<script>
var range = document.getElementById('range');

noUiSlider.create(range, {
    start: [ 20, 80 ], // Handle start position
    step: 10, // Slider moves in increments of '10'
    margin: 20, // Handles …
Run Code Online (Sandbox Code Playgroud)

javascript css jquery html5 nouislider

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

gh-pages - 共享所有路线的index.html

我想为 gh-pages 上我的应用程序中的所有(子)url 提供相同的 index.html 页面

那可能吗?

现在当我去 repo/inner/path 时我得到 404

所以我想“强制”github页面在所有路由上提供相同的根index.html

url-routing github-pages single-page-application

5
推荐指数
2
解决办法
1874
查看次数

使用 Azure Bot Framework 网络聊天无法点击电话号码

设置

我使用QnAMakerAzure Bot Service和JavaScript 中的Bot Framework Web Chat客户端创建了一个 Azure QnA Web Chat Bot 。

这是我如何使用 HTML + JS 初始化机器人的示例:

<script src="https://cdn.botframework.com/botframework-webchat/4.6.0/webchat-es5.js"></script>

<div id="projekt-webchat" role="main"></div>
Run Code Online (Sandbox Code Playgroud)
window.WebChat.renderWebChat(
    {
       directLine: window.WebChat.createDirectLine({
          secret: 'SECRETHERE'
       }),
       userID: 'YOUR_USER_ID',
       username: 'Web Chat User',
       locale: 'en-US',
       botAvatarInitials: 'WC',
       userAvatarInitials: 'WW'
    },
    document.getElementById('projekt-webchat')
);
Run Code Online (Sandbox Code Playgroud)

我的机器人连接到来自 QnA Maker 的知识库,其中有一个QnA 对,如下所示:

问题gimmenumber
答案+49 5251 123456

本机浏览器检测

某些浏览器会将其呈现为可点击的超链接,然后我选择拨打该号码。但是,其他浏览器没有将电话号码视为超链接,所以我无法点击它

  • 有效- Microsoft Edge 41
  • 作品- Microsoft EdgeHTML 16
  • 损坏 …

html azure tel azure-bot-service azure-qna-maker

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

部署 Netlify 失败

我收到以下错误

\n
npm ERR! enoent ENOENT: no such file or directory, open \'/opt/build/repo/package.json\'\n
Run Code Online (Sandbox Code Playgroud)\n

这是完整的构建日志:

\n
2:27:28 PM: Waiting for other deploys from your team to complete\n2:27:30 PM: Build ready to start\n2:27:32 PM: build-image version: b0258b965567defc4a2d7e2f2dec2e00c8f73ad6\n2:27:32 PM: build-image tag: v3.4.1\n2:27:32 PM: buildbot version: e1f4178b0d9779ebad1b11d5b54739f82fed3c22\n2:27:32 PM: Building without cache\n2:27:32 PM: Starting to prepare the repo for build\n2:27:32 PM: No cached dependencies found. Cloning fresh repo\n2:27:32 PM: git clone https://github.com/EitharAlotoom95/Eithar-Website-\n2:27:33 PM: Preparing Git Reference refs/heads/master\n2:27:34 PM: Starting build script\n2:27:35 PM: Installing dependencies\n2:27:35 …
Run Code Online (Sandbox Code Playgroud)

html javascript css deployment netlify

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

VS Code 调试:附加到进程 ID 时,是否可以提供进程 ID 'pgrep -x "$myprog"' 以在 launch.json(变量“processId”)中使用?

我注意到 Node.js 有一个调试器“自动附加”功能,如果可能的话我想使用它。但是,我不认为在重新编译程序后可以使用“自动附加”来自动启动调试器。我使用 C/C++/Fortran 使用 makefile(和类似文件)编译我的程序,因此在运行“make”后我得到一个正常的(linux)可执行文件。然后,我执行该二进制文件,并且通常希望在此之后立即对其进行调试。我已将完整的二进制路径设置为环境变量"$myprog=/home/user/my-dev/bin/myApp"

所以我所做的就是使用“附加到进程”来运行调试,每次我都必须在下拉列表中找到正确的进程,但我每天、每小时都这样做太多次,这变得很乏味,并且想要更智能的东西,“更自动”:

我想修改我的launch.json,以便它使用例如shell命令自动提取进程ID,而不是“自动附加”(仅适用于node.js,据我所知):并且可以选择将'pgrep -x "$myprog"'其绑定到键盘-捷径。

我猜该行"processId": "${command:pickProcess}"需要修改,请参阅下面的示例配置:

{
    "name": "(gdb) Attach (any)",
    "type": "cppdbg",
    "request": "attach",
    "program": "/home/user/my-dev/bin/myApp",
    "processId": "${command:pickProcess}",
    "MIMode": "gdb",
    "miDebuggerPath": "/usr/bin/gdb"
},
Run Code Online (Sandbox Code Playgroud)

是否可以修改该launch.json文件,以便 VS code 理解变量“processId”应该被 shell 输出替换:(pgrep -x "$myprog"显然,在每次编译和执行要调试的程序之后,这个 PID 都会发生变化)?

如果是这样,我想也可以将它绑定到键盘快捷键?有谁知道如何实现这一目标?

debugging compilation visual-studio-code

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