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 上的相同代码但无法在我的服务器上运行? [复制] 的相关文章

  • jquery中文本区域自动调整大小

    我怎样才能做一个
  • 如何在响应ajax codeigniter后停止执行其他控制器

    我想知道如何在响应输出 json 数据后停止执行函数和涉及的其他控制器 就我这里的情况而言 我只是打电话test 函数于dashboard控制器 In dashboard构造函数将执行MY Login library In MY Login
  • 选中/取消选中所有复选框

    我见过很多选中 取消选中所有复选框的脚本 但大多数人并不尊重这一点 如果我使用 全部选中 复选框切换所有复选框 然后取消选中列表中的单个复选框 则 全部选中 复选框仍处于选中状态 有没有一种优雅的方式来处理这种情况 checkAll cli
  • JQuery hide() 和 fadeOut() 、 show() 和 fadeIn() 之间的区别

    我是 jQuery 新手 目前 我正在我的跨平台移动应用程序之一中使用 jQuery 我需要根据各自的条件隐藏和显示我的一些页面内容 我发现以下两种方法对我来说效果很好 myControlId fadeOut myControlId hid
  • 如何同步两个文本框表单值?

    大家好 我是 jQuery 新手 假设我有两个 HTML 文本框 如何才能实现这样的情况 如果我在文本框 A 中写入 则相同的值会转到文本框 B 如果我在 B 中写入 则相同的值会转到 A 与删除文本相同 在 jQuery 中如何做到这一点
  • 禁用引导列上的滚动

    我正在尝试禁用引导列上的滚动 这是我的代码 div class container fluid h 100 div class row h 100 div class col 4 h 100 bg dark fixed div div cl
  • jQuery 可以在用户输入数字时添加逗号吗?

    当用户输入数字时 如何动态添加逗号 有没有一个好的数字格式化程序可以提供帮助 我必须稍后添加这些数字 所以我最终必须删除一行中的逗号 但屏幕需要显示逗号以提高可读性 运行代码片段以查看其工作情况 input number keyup fun
  • 可以使用 jQuery 或 Javascript 将图片的特定部分用作链接吗?

    我有这个想法 将图片 而不是文本 的各个部分链接到不同的页面或网站 并且我想在不实际创建不同的照片并将它们彼此靠近的情况下完成 这样看起来就像是一张完整的图片 这里有人知道如何使用 JavaScript 的变体 例如 jQuery 或纯 J
  • jquery.validate 中是否有一个函数可以像重置表单一样重置单个字段?

    我想调用 jquery 函数来手动删除单个字段中的错误并重置错误标记 是否有一个函数可以执行此操作 类似于 resetForm 函数 您可以执行以下操作来验证单个字段 your field valid 也许它会对某人有所帮助 Thanks
  • Jquery/Javascript 上传和下载文件,无需后端

    是否可以在没有后端服务器的情况下在 JavaScript 函数中下载和上传文件 我需要导出和导入由 JavaScript 函数生成的 XML 我想创建按钮 保存 xml 来保存文件 但我不知道是否可行 另一方面 我希望将 XML 文件直接上
  • 如何在使用页面锚点导航时设置“激活”类以在 Angular 2 中引导导航栏?

    我正在使用 Angular 2 和 Bootstrap 4 创建一个单页网站 我创建了一个始终位于页面顶部的导航栏组件 并且我正在使用页面锚点导航 id 请注意 我还没有创建路由模块 到目前为止还没有必要这样做 导航栏代码如下
  • 现在 CSS3 供应商前缀有多必要? [复制]

    这个问题在这里已经有答案了 我只是想知道现在在 CSS 中指定 webkit moz ms 或 o 等供应商前缀在多大程度上仍然有必要 如果我理解正确的话 opera 切换到了 webkit 所以会删除 o 对吗 IE 在 IE10 中不再
  • 使用 JQuery 更改元素的顺序

    有人知道我做错了什么吗 我正在尝试更改某些图像的显示顺序 我希望每次按下按钮时图像都会向右 向左移动一个位置 这是我尝试过的 但没有运气 任何帮助或见解将不胜感激 rightShift click function img hide var
  • 避免响应式页面的重复内容

    我目前正在做一个涉及响应式设计的项目 整个布局应该使用HTML和CSS来实现 我知道可以使用 java 脚本将内容从一个列布局移动到另一列布局 而无需复制内容 但是使用 HTML 和 CSS 是否可以实现相同的效果 以下面的例子为例 它会在
  • 我可以使用 jQuery 打开下拉列表吗

    对于 HTML 中的下拉列表
  • 如何仅在最后一个
  • 处给出透明六边形角度?
  • 我必须制作这样的菜单 替代文本 http shup com Shup 330421 1104422739 My Desktop png http shup com Shup 330421 1104422739 My Desktop png
  • 为什么 jquery 没有检测到单选按钮未被选中的情况? [复制]

    这个问题在这里已经有答案了 可能的重复 JQuery radioButton change 在取消选择期间不会触发 https stackoverflow com questions 5176803 jquery radiobutton c
  • 带有相对路径的 LESS CSS 背景

    我在使用 LESS 作为我的网站的样式表时遇到了问题 就我个人而言 我宁愿在CSS中使用相对路径而不是绝对路径 这只是我的习惯 但是现在当我使用带有导入功能的LESS时 我遇到了如下所示的问题 我有一个main less根文件夹中的文件 i
  • jQuery 对象相等

    如何确定两个 jQuery 对象是否相等 我希望能够在数组中搜索特定的 jQuery 对象 inArray jqobj my array 1 alert deviceTypeRoot deviceTypeRoot False alert d
  • CSS 是否有不等于选择器?

    CSS中有类似 不等于 的东西吗 例如 我有以下代码 input 但对于某些输入 我需要将其作废 我想通过将类 reset 添加到输入标签来做到这一点 例如

随机推荐

  • 具有 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上正常工作 但是当我将它上传到我的服务器时 完全不起作用 我发誓它的代码是相同的 但也许新的眼光会有所帮助 我在这里缺少什么