Tag: javascript

不引人注目的Javascript富文本编辑器?

我们已经使用不再支持的RichTextBox控件作为我们(基于ASP.NET的)CMS的一部分很长一段时间了,我们想用更轻量级和更好的跨浏览器支持来替换它。 我们最初看的是各种ASP.NET组件,但我想知道我们是否会更好地使用开源的全Javascript解决方案。 我最近转换为jQuery,我很惊讶纯粹在客户端可以使用Flexigrid等非常紧凑的附加组件,当然还有优秀的WMD 。 我已经为所有Javascript编辑做了一点点,这是我到目前为止所发现的: Batiste jQueryEditor Xinha YUI富文本编辑器 微小的MCE FCKeditor的 经过肤浅的回顾,Tiny MCE看起来是个不错的选择; 但是我有兴趣听到SO社区中实际使用过这些的人。 让我知道你的想法。

jQuery:调用preventDefault()后调用action的表单

下面的代码显示未填充字段时的错误消息。 你可以看到我正在调用preventDefault(),但是……如果字段已被填充,如何调用与表单相关的操作? $(‘input#save’).click(function(e){ e.preventDefault() if($(‘#field_1’).val() == ”){ $(‘#error_file’).show(); } });

检测iPad方向变化

当用户将iPad从垂直位置转换为水平位置或从水平位置转换为垂直位置时,如何使用javascript或jquery进行检测?

将图像从另一个网站拖放到我的网站

我跑了一个快速谷歌搜索和搜索,发现类似的问题,但没有一个很好,大多数都是旧的,看起来被遗弃(没有答案,一段时间没有评论)。 所以这里…… 我希望能够收集从另一个网站上放到我网站上的图像的url(只有url)..(即我打开了两个镀铬窗口。窗口A中有我的应用程序。窗口B在其中有重要意义我打开一个图像点击并将其拖到我的窗口然后放开。现在我需要知道我页面上丢失的图像的url。 这是我正在使用本地文件的代码。 $(document).on(‘drop’, function(e) { var data = e.dataTransfer || e.originalEvent.dataTransfer; console.log(data); // data.files is empty e.preventDefault(); return false; });​ 再一次,我不想上传任何东西..我不想做任何花哨的事情……我只需要知道从另一个网站上放置在页面上的图像的位置。

jQuery相当于“getElementsByName”

getElementsByName调用的正确jquery语法是什么? 这是我的javascript代码: var test = document.getElementsByName(tableName)[0]; 使用它返回一个不同的值: var test = $(“[name=tableName]”); 提前致谢

为什么我们不能在三元运算符中返回?

说我有一个简单的form ,我想检查form是否已经改变。 如果它改变submit它否则阻止表单提交,所以我使用return而不是使用if-else语句我试图使用ternary operation但不幸的是我遇到了错误Uncaught SyntaxError: Unexpected token return但是我不明白为什么会出现这个错误? 三元运算只用于分配吗? 在这方面不确定。 以下只是我尝试做的一个示例。 var form_original_data = $(“#frmProfile”).serialize(); $(“#frmProfile”).on(‘submit’, function(e) { e.preventDefault(); $(“#frmProfile”).serialize() != form_original_data ? $(“body”).append(‘changed’) : return; })

无限滚动JavaScript已经被解雇了

我有一个加载项目的站点,并使用jquery无限滚动插件在用户滚动时加载更多项目。 当用户将鼠标hover在某个项目上时,该项目上会显示更多小的div。 简单。 hover时显示哪些div取决于用户所在的页面,因此它们取决于知道它们所在的页面。 我使用一个简单的变量来排序。 我使用以下js来决定显示哪些div。 例如从主页 $(“.list_item_image”).mouseenter(function () { $(this).children(“.gl_view2”).show(); $(this).children(“.gl_relist”).show(); }); $(‘.list_item_image’).mouseleave(function() { $(this).children(“.gl_view2”).hide(); $(this).children(“.gl_relist”).hide(); }); 最初加载div(gl_view2和gl_relist),但display:none; 现在,这个js被加载到页脚中以确保它在有问题的div之后。 假设我有无限滚动设置一次更新15个项目 对于前15个项目,这一切都完美地工作(在mouseenter上显示应该显示/覆盖的div),但之后项目加载但是mouseenter不再起作用。 我猜这是因为js已加载,当下一个项目加载到页面上时,js没有任何效果。 要使用无限滚动加载下一个项目我正在使用: 我也尝试在每个项目后加载js但仍然只适用于前15个。 我也尝试过,但这根本不起作用: $(“body”).on(“mouseenter”, “.list_item_image”, function () { … }); $(“body”).on(“mouseleave”, “.list_item_image”, function () { … }); 以前有人遇到过这样的事吗? 任何修复的想法?

如何有效地使用yepnope.js和$(document).ready()?

我一直在实现yepnope脚本加载器作为modernizr.js库的一部分。 之后我成功地加载了jQuery以加载jQuery依赖脚本。 我是异步加载资源的新手,所以对我来说这有点新鲜。 我一直在寻找,但以下没有太多运气。 我的问题是,在使用yepnope.js框架时,您对如何有效地替换$(document).ready()的function有何看法? 我的理论是在我的基础库中创建一个适当命名的函数,然后在我的页面上将该变量设置为包含我现有的$(document).ready()代码的匿名函数。 在所有脚本加载到完整回调中之后,yepnope将调用此变量。 你是否同意这是一个很好的方法,或者我是否完全以错误的方式接近这个? (对于那些不知道的人,yepnope.js的异步性质意味着文档在yepnope加载器完成之前调用$或jQuery,抛出“$ is undefined”错误< – 如果错误,请纠正我。) 第一个问题,希望它是一个好问题。

300ms延迟删除:使用fastclick.js vs使用ontouchstart

我正在使用常规jQuery,我有一个如下所示的事件处理程序: $(‘#someID’).on({ click: SomeFunction }, ‘.SomeClass’); 这将在点击事件上产生300毫秒的延迟,我希望消除此延迟。 重写这段代码有什么区别: $(‘#someID’).on({ ‘touchstart’: SomeFunction }, ‘.SomeClass’); 并使用像Fastclick.js这样的外部库?

jQuery下拉依赖

我有2个下拉列表。 第一个显示来自一个国家的区域,另一个显示选定州的每个城市。 问题是,在我提交表单之后,MySQL数据库从第一个列表中获取所选区域的ID,而第二个列表则不显示任何内容。 我想让我的数据库收到正确的信息。 该地区的名称和城市的名称。 我怎样才能做到这一点? 我的javascript看起来像这样: $(document).ready(function() { $(“.region”).change(function() {`enter code here` var id = $(this).val(); var dataString = ‘id=’ + id; $.ajax({ type: “POST”, url: “ajax_city.php”, data: dataString, cache: false, success: function(html) { $(“.city”).html(html); } }); }); });​ 我的section.php脚本是: <?php Country : –Select Region– <?php $sql = mysql_query("SELECT id,region FROM regions ORDER BY […]