jsfiddle 上的相同代码但无法在我的服务器上运行? [复制]

2023-12-13

我很困惑。我只是想测试一个jquery(simpleselect)并让它在jquery上正常工作,但是当我将它上传到我的服务器时......完全不起作用!我发誓它的代码是相同的,但也许新的眼光会有所帮助。我在这里缺少什么?

这是我上传的代码:

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="https://smartieparts.com/bootstrap/includes/templates/bootstrap/css/stylesheet_jquery.simpleselect.min.css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script type="text/javascript" src="https://smartieparts.com/bootstrap/includes/templates/bootstrap/jscript/jscript_jquery.simpleselect.min.js"></script>
    <script type="text/javascript">
      $("#currency-select").simpleselect({
        fadingDuration: 500,
        containerMargin: 100,
        displayContainerInside: "document"
      });
    </script>
  </head>
  <body id="indexHomeBody">
    <select name="currency" id="currency-select">
      <option value="USD">USD</option>
      <option value="EUR">EUR</option>
      <option value="GBP">GBP</option>
      <option value="CAD">CAD</option>
      <option value="AUD">AUD</option>
      <option value="CHF">CHF</option>
      <option value="CZK">CZK</option>
      <option value="DKK">DKK</option>
      <option value="HKD">HKD</option>
      <option value="JPY">JPY</option>
      <option value="NZD">NZD</option>
      <option value="NOK">NOK</option>
      <option value="PLN">PLN</option>
      <option value="SGD" selected="selected">SGD</option>
      <option value="SEK">SEK</option>
      <option value="ILS">ILS</option>
      <option value="MXN">MXN</option>
      <option value="TWD">TWD</option>
      <option value="PHP">PHP</option>
      <option value="THB">THB</option>
    </select>
  </body>
</html>

这是JSfiddle

请注意,JSfiddle 具有我从上面的代码中复制/粘贴的外部 css 和 js 资源。

在 JSfiddle 页面上,下拉菜单已格式化并具有淡入淡出效果。在我的服务器上,它有些格式化并且没有褪色。

我已将文件上传到我的服务器,以便您检查。Link


Ref

在文档“准备好”之前,无法安全地操作页面。 jQuery 会为您检测到这种准备状态。里面包含代码$( document ).ready()仅当页面文档对象模型 (DOM) 准备好执行 JavaScript 代码时才会运行。里面包含代码$( window ).load(function() { ... })一旦整个页面(图像或 iframe)(而不仅仅是 DOM)准备就绪,就会运行。

将您的代码包装在文件就绪处理程序。

指定 DOM 完全加载时要执行的函数。

<script>
$(function() {
    // Handler for .ready() called. 
    $("#currency-select").simpleselect({
        fadingDuration: 500,
        containerMargin: 100,
        displayContainerInside: "document"
    });
});
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jsfiddle 上的相同代码但无法在我的服务器上运行? [复制] 的相关文章

  • 如何将红色边框与必需的属性一起添加到输入字段?

    目前 如果输入字段带有required属性为空时 会显示浏览器默认的错误信息 如果我删除此属性 由于我的 JavaScript 代码 它将在输入字段上显示红色边框 我如何同时显示两者 form submit function e e pre
  • CSS - 100% 高度,带页眉和页脚

    我正在尝试设计一个带有页眉 延伸至 100 垂直景观 减去页眉和页脚 的主 div 和页脚的页面 就像这张照片 我可以让标题和主 div 正常工作 像这样 div div class header div HEADER div div cl
  • EMBER直接路由URL访问不加载数据

    当我直接从浏览器访问我的网址时遇到问题 它不会加载我的单一帖子信息 示例 index html posts 10052308 但当我访问 index html posts 然后单击我的一篇文章时 它会起作用 我的网址会更改为 index h
  • jquery comet 长轮询和流媒体教程? [复制]

    这个问题在这里已经有答案了 可能的重复 彗星和 jQuery https stackoverflow com questions 136012 comet and jquery 我厌倦了找不到关于 jquery 长轮询 流彗星技术的好的教程
  • 调用 jQuery 超大插件 onclick

    我正在尝试调用超大插件 http buildinternet com 2009 02 supersized full screen backgroundslideshow jquery plugin http buildinternet c
  • 禁用外部点击时关闭模式

    我正在制作一些使用模式的博客物质化 但我的模态 onclick 外部和错误数据有问题 这是我的代码 main js function changepassword var user userlog val var content conte
  • 启用scrollX 时标题列与DataTable 不对齐

    我遇到了这个插件反复出现的问题 启用scrollX选项时 标题列未对齐 我尝试了在 stackoverflow 上阅读的许多解决方案 但没有成功 可能是插件版本的问题 但是 这是我的数据表设置 var oTable table dataTa
  • document.ready 之前的 Jquery UI 界面看起来很难看

    HTML 元素在 onload 或 document ready 被触发之前显示 所有 jQuery UI 小部件都在 document ready 上加载 这使得页面在最初几秒钟看起来很难看 处理它的可能选项 在使用 jQuery UI
  • 有没有办法让 jslint 在 javascript 的下一行中使用大括号?

    我改变了我的编码风格 function getParams entity use strict var accountID store getItem AccountID switch entity case Topic to functi
  • CSS 内边框?

    我纯粹用 CSS 创建了左侧的按钮 它是一个div 中的一个div 然而 右侧的三个按钮是background属性于img标签 我这样做是为了按照以下说明模拟翻转效果here http kyleschaeffer com best prac
  • Div 独特的 CSS 样式链接

    我想为单个特定 div 中的链接创建独特的样式 例如 我希望主体中的所有链接为粗体和红色 但在侧边栏 div 中我希望它们为蓝色和斜体 我该怎么办 I have a link color 666666 a visited color 003
  • iPhone 和 iPad 滚动结束

    我正在制作一些无限滚动的 jQuery 跨浏览器画廊 我工作得很好 但在 iPhone 上 我想也在 iPad 上 而不是相等的值 我有一些不成比例的值不匹配 window scrollTop document height window
  • 如何将本地文本文件上传到文本区域(网页内)

    我是一名新手程序员 需要一些帮助来弄清楚如何将本地文本文件上传到我正在构建的网站内的文本区域 我非常精通 HTML CSS 对 Javascript JQuery 有相当的了解 而且我刚刚学习 PHP 您能提供的任何帮助我将不胜感激 我有一
  • 如何防止输入文本中出现“后重音”

    我相信这是一个简单的问题 但在谷歌上搜索几个小时后我找不到任何答案 也许我无法在搜索中使用正确的单词 P 我有一个 javascript 方法 可以防止用户用数字以外的其他字符填充文本框 如下面的代码所示 它在 KeyDown 事件中使用
  • Ajax 内容和 jQuery 动画效果

    我正在尝试使用 jQuery 动画效果为 WordPress 帖子制作 Ajax 内容 问题是第一个动画 在本例中 fadeOut 工作正常 但第二个 FadeIn 或我尝试使用的任何动画效果没有对新内容生效 加载的内容只是出现 没有任何效
  • 为什么我不能同时使用背景图像和颜色?

    我想做的是展示两者background color and background image 这样我的一半div将覆盖右侧的阴影背景图像 而左侧的另一部分将覆盖背景颜色 但是当我使用background image 颜色消失 完全可以使用颜
  • 如何使用 jQuery 从 REST xml 响应构建数据表?

    我有来自 Ajax REST 调用的 XML 响应 与下面的类似
  • 删除下拉链接并在导航栏菜单中显示其所有项目

    我正在使用 Twitter Bootstrap 及其响应式设计来实现顶部典型的 Twitter Bootstrap 导航栏菜单 在那里我有一些链接和一个下拉菜单 当我将浏览器大小调整为768px或者更少 它会转变为一种新的导航菜单 这一切开
  • 什么时候可以使用Javascript,什么时候不可以?

    不使用太多 javascript jquery 是个好习惯吗 我们应该尽可能避免它 为了良好的可访问性 吗 什么时候可以使用 JavaScript 什么时候不能在网页设计和开发中使用 JavaScript 在什么场景 什么条件下 Updat
  • 如何检查用户电子邮件的唯一性并将结果传递给 jQuery?

    我有这个问题 我正在控制器中检查用户电子邮件并发送 json 成功响应 如果已获取 并添加输入的 css 样式 我还需要阻止提交并添加一些消息 这是我的检查电子邮件操作 使用本文 http paydrotalks com posts 45

随机推荐

  • 具有 NTLM 身份验证的 SOAP Web 服务的 Java 客户端

    我花了很多日日夜夜试图找到一个合适的 Java 框架 可以连接到使用 Negotiate NTLM 身份验证的 Microsoft Dynamics CRM 我使用 JAX WS Axis2 CXF 和各种 HTTP 协议处理程序尝试了 S
  • 命令行中的 MSBuild SonarQube 运行器

    我在使用 MSBuild SonarQube 运行程序分析项目时遇到问题 SonarQube 数据库和服务器已启动并正在运行 我尝试分析一个示例项目 一切顺利 但是当我尝试分析我的项目时 出了问题 分析完成时没有错误 但没有分析数据保存到数
  • Onclick仅刷新div

    您好 我需要刷新 div 的帮助 但不需要自动刷新 我的 div 是这样的 div div 我希望我点击了一些按钮 他们只刷新了我 div osvezi 感谢帮助 您可以使用 load 使用这样的选择器 function run when
  • Android 联系人自定义字段

    是否可以使用自定义 mimetype 如 facebook 配置文件 向某些联系人添加自定义字段 而无需编写同步适配器 身份验证器和同步服务 我不想为我的应用程序添加 同步 功能 经过长时间的研究 我想我找到了这个问题的答案 如果不编写一些
  • asp.net MVC 4 中 ajax 请求的授权属性

    我有一个操作方法并使用 ajax 发布到它 如下所示 ajax url GetSearchCriteria type GET these is must cache false these is for IE contentType app
  • 为什么 Symfony HTTP Client 遇到错误时无法访问响应内容,而是抛出异常?

    我想使用 Symfony HttpClient 发出请求从 OAUTH 服务器检索用户信息 但在遇到错误响应时无法直接获取响应 因为客户端抛出异常 我的用户提供者 public function loadUserByUsername use
  • 通过类和 ID 获取元素内的元素 - JavaScript

    好吧 我以前涉足过 JavaScript 但我写过的最有用的东西是 CSS 样式切换器 所以我对此有点陌生 假设我有这样的 HTML 代码 div div class bar Hello world div div 我该如何改变Hello
  • typedef 改变含义

    当我编译以下代码片段时g template
  • javascript - 年龄计算

    有 2 个 javascript 日期 第一个是生日 第二个是从该日期计算年龄的日期 最好的方法应该是什么 function calculateAge birthDate otherDate birthDate new Date birth
  • Safari 后退按钮不支持 PHP 注销会话

    我有一个 logout php 页面 它结束用户的会话并且运行良好 并执行以下操作 会话开始 session unset session destroy 我刚刚在使用 Safari 进行测试时注意到 当您注销时 您可以单击后退按钮返回到需要
  • 如何重现/清理混乱的 POST 参数以避免延迟作业的 YAML 序列化问题?

    今天 每次我开始delayed job工人 该进程将立即无声地终止 经过一番调查 并找出了前台模式delayed job 我终于发现问题出在了方法上delayed job序列化我的活动记录对象在 YAML 加载部分触发异常 Psych Sy
  • 应用程序因原因崩溃:集合 <__NSArrayM: 0x7071700> 在枚举时发生突变

    您能帮我找出单击分段控件后我的应用程序崩溃的原因吗 并非总是如此 但通常是在点击几次之后 错误信息 Terminating app due to uncaught exception NSGenericException reason Co
  • 将数据帧转换为 numpy 数组,值以逗号分隔

    场景 我已将 csv 以 t 分隔 读入 Dataframe 现在需要采用 numpy 数组格式进行聚类 而无需更改类型 问题 到目前为止 根据尝试的参考文献 如下 我未能获得所需的输出 我尝试获取的两列值位于 int64 float64
  • 与“int ()”的间接级别不同 (C)

    这段代码给了我这个错误 我不明白 我什至无法运行该程序 您能帮我解决这个错误吗 如果您不明白代码中的任何内容 请说出来 error C2040 CancelarPedido ppedido ppedido 与 int 的间接级别不同 pri
  • 对象从函数中的命名空间中消失

    我正在编写一个包装器来按行组合任意数量的数据集 由于有些变量可能具有唯一的变量 因此我首先限制数据中的变量 我的功能是这样工作的 rcombine lt function List Vars List2 lt lapply List sub
  • Python 中的字符串匹配

    我在列表中存储了300K个字符串 每个字符串的长度在10到400之间 我想删除那些作为其他字符串的子字符串的字符串 长度较短的字符串有更高的概率是其他字符串的子字符串 目前 我首先根据长度对这 300K 字符串进行排序 然后使用以下方法 s
  • SSRS 2008 R2 Globals!RenderFormat 导出方法

    有 7 个用于导出 SSRS 2008 报告的内置选项 我想知道在选择导出选项时是否有更简单的方法在 SSRS 中编写以下代码 IIF Globals RenderFormat Name WORD OR Globals RenderForm
  • CMake 引用逃脱难题

    我似乎无法理解 CMake 的转义规则 鉴于 set X A B C add custom target works COMMAND DUMMY 0 X X env grep X COMMENT This works add custom
  • grid.mvc 在控制器中使用过滤结果

    我正在使用 grid mvc http gridmvc codeplex com 用于过滤和排序 有谁知道如何在动作控制器中处理过滤结果 我试图通过 FormCollection 传递隐藏字段 但由于分页 仅传递可见值 或者 mvc 中是否
  • jsfiddle 上的相同代码但无法在我的服务器上运行? [复制]

    这个问题在这里已经有答案了 我很困惑 我只是想测试一个jquery simpleselect 并让它在jquery上正常工作 但是当我将它上传到我的服务器时 完全不起作用 我发誓它的代码是相同的 但也许新的眼光会有所帮助 我在这里缺少什么