Tag: 多实例

在多个选择上隐藏所选选项

给出以下html None 1 2 3 None 1 2 3 None 1 2 3 如果已在data1和data2上选择了选项，那么如何隐藏/删除data3上的选定选项？ 例如，如果我在data1上选择1，然后在data2上选择2，我如何在data3上删除这两个选项？ 先感谢您。 问候。

使用jquery取消隐藏或返回多个选择的选定选项

伙计我正在创建一个代码，一旦选中，将删除另一个下拉列表中的选定选项，我使用jQuery（jquery-1.10.1.min）但我不知道如何能够返回所选的选项或数字一旦用户改变主意。 你能帮我么？ 提前致谢。 这是我的脚本： HTML None 01 02 03 04 None 01 02 03 04 None 01 02 03 04 None 01 02 03 04 使用Javascript $(window).load(function(){ $(‘#question_order1’).on(‘change’, function() { var val=this.value; $(“#question_order2”).find(“option:contains(“+val+”)”).remove(); $(“#question_order3”).find(“option:contains(“+val+”)”).remove(); $(“#question_order4”).find(“option:contains(“+val+”)”).remove(); }); $(‘#question_order2’).on(‘change’, function() { var val=this.value; $(“#question_order1”).find(“option:contains(“+val+”)”).remove(); $(“#question_order3”).find(“option:contains(“+val+”)”).remove(); $(“#question_order4”).find(“option:contains(“+val+”)”).remove(); }); $(‘#question_order3’).on(‘change’, function() { var val=this.value; $(“#question_order1”).find(“option:contains(“+val+”)”).remove(); $(“#question_order2”).find(“option:contains(“+val+”)”).remove(); $(“#question_order4”).find(“option:contains(“+val+”)”).remove(); }); $(‘#question_order4’).on(‘change’, […]

FineUploader多个实例和动态命名

我在使用jquery包装器的MVC4项目中使用FineUploader 4.0.8。 这是我的js代码的一个例子，它创建了一个fineUploader的单个实例，并且工作得很好。 这时，我需要一个以上的fineUploader实例，但是每个单独的控件都不知道关于另一个的任何内容，并且它们在页面上根据需要进行渲染（我以前使用过jQuery看过这些问题。） ，这不会在这里工作）。 目前，我似乎无法正确呈现任何上传按钮，可能是由于ID重复或其他原因。 请参阅下文，了解我如何使用MVC的Razor为该单个实例创建唯一变量和html ID。 这是我当前的实现，其中我添加了动态值（您看到_@Model.{PropertyName}的位置）： // Uploader control setup var fineuploader_@Model.SurveyItemId = $(‘#files-upload_@Model.SurveyItemId’).fineUploader({ debug: true, template: ‘qq-template_@Model.SurveyItemId’, button: $(“#button_@Model.SurveyItemId”), request: { endpoint: ‘@Url.Action(“UploadFile”, “Survey”)’, customHeaders: { Accept: ‘application/json’ }, params: { surveyInstanceId_@Model.SurveyItemId: (function () { return instance; }), surveyItemResultId_@Model.SurveyItemId: (function () { return surveyItemResultId; }), itemId_@Model.SurveyItemId: (function () { return itemId; […]

切换单个元素类，尽管它有多个实例

简单的事情，我只是无法让它工作： 我有几个段落共享相同的类，我只是想改变其中一个类，因为他们的父div被hover。 some content /div> some content /div> 当我hover第一个“trigger-div”时，我希望它的p改变而不影响后面的元素 some content /div> some content /div> 我有以下代码不起作用：// $(‘.trigger’).hover(function() { $(this).next(“.oldstyle”).toggleClass(“newstyle”); }); 我很无奈！ 万分感谢。

JQuery UI（效果核心）addClass / removeClass在一个元素上有多个选择器……但是有一个问题

谢谢参观。 我正在尝试使用jQ UI addClass / remove类方法在单击前面的兄弟div时扩展hr元素。 jQ UI效果核心可以在两个类之间实现平滑的动画过渡： http ： //jqueryui.com/demos/removeClass/ 。 此外，必须使用$动态添加hr才能实现更广泛的网站设计。 以下是这个难题的部分： 我的代码呈现四个100x100px兄弟div的行。 这些div没有课程，但如果它有帮助，请随意添加它们 – 每个div最终都会有一个独特的课程。 在每第4个div之后，有一个动态添加的hr。 单击任何给定的div后，紧接的下一个hr必须切换到“open”类，这会导致行展开。 如果再次单击此div，它必须从hr切换/删除“打开”类，导致hr缩小到原始大小。 如果单击一个div以展开hr然后单击另一个div，则必须触发两个动画：首先，必须删除“open”类，导致行缩小，然后必须重新添加该类重新开行。 但是，例如，如果单击div打开第二行，然后单击第一个hr之前的第二个div，则此操作必须先关闭第二个hr，然后打开第二个div的相应hr。 我被卡住了。 我已经尝试了一些jQfunction组合，但结果很糟糕。 你看到的是我得到的最接近的。 谢谢你给这一个人一个机会。 随意添加到代码中，但您可以使其工作。 /*CSS-some of this creates other events not mentioned above. These are simplified versions of what I need for my final site design*/ .main { width: 450px; } […]

强制AngularJS在使用多个版本的jQuery时使用特定版本的jQuery

我inheritance了在noConflict模式下将几个版本的jQuery加载到页面中的项目。 应用程序是巨大的，测试缺失，似乎每个前devloper没有“cohones”大到足以删除以前的库。 因此结果是$引用了jquery版本1.4.2。 是否有任何方式/技巧可以告诉角度应该使用jQuery版本？ 就像是 angular.jq = j182 我知道我可以这样做 j182 = jQuery.noConflict(); 但后来我有一种“隐藏的依赖”，我想避免。