Tag: javascript

Jquery UI滑块如何使一个框跟随处理程序？

我正在尝试创建一个应该遵循处理程序的div，如下所示： http ： //m1.dk/Priser/#tab ：# calc，#abb 我的JSfiddle： http ： //jsfiddle.net/z3xV3/2/ 我还想对应该出现在框中的UI值进行计算。 以下是我想要实现的内容： HTML： jQuery的： $(document).ready(function() { // Pris slider $(“#slider”).slider({value:”,min: 0,max: 150,step: 1, range: ‘min’, slide: function( event, ui ) { $( “#amount” ).html( ui.value + ‘ timer’); } }); $( “#amount” ).val( “$” + $( “#slider” ).slider( “value” ) ); });

jQuery / Javascript css（“width”）/检查样式是否在css中定义？

我有一个样式表定义图像的默认宽度。 当我用jQuery width()读取图像宽度样式时，它返回正确的宽度。 当我调用css(“width”)时，它也返回相同的宽度。 但是如果样式表中没有定义宽度，函数css(“width”)也将返回计算出的width()值，但不会说undefined或auto或类似的东西。 我有什么想法可以找出CSS代码中是否定义了样式？ 解决方案适用于跨浏览器。 感谢大家的帮助： $(this).addClass(“default_width_check”); var width = ($(this).width() == 12345) ? ‘none-defined’ : $(this).width(); var height = ($(this).height() == 12345) ? ‘none-defined’ : $(this).height(); $(this).removeClass(“default_width_check”); .default_width_check { width: 12345; }

在Webmatrix中的JavaScript文件中启用jQuery Intellisense

我在WebMatrix中完成了以下操作。 我在我的HTML页面中导入了jQuery，其中包含jQuery文档，并在HTML script标记内成功启用了jQuery intellisense。 现在我想在我的外部JavaScript文件中启用jQuery intellisense，它将如何工作？

如何在声明的对象中添加具有相同键名的新属性？

如何在声明的对象中追加/添加具有相同键名的新属性？ 这里的代码： // Declared object var myObject = { name : ‘John’, age : 15, }; // Array list of new property need to be add to myObject var others = [ { key : ‘hobby’, value: ‘reading’ }, { key : ‘hobby’, value: ‘writing’ } ]; 到目前为止我一直在尝试： ko.utils.arrayForEach(others, function(other) { myObject[other.key] = other.value; }); […]

Jquery select2 json数据与optgroup和图像

我正在使用带有spring mvc的select2。 我从控制器获得了数据，我需要在选项方面显示。 但我希望它们被分组为optgroup，我也希望将图像附加到其中，可以手动插入，如下所示： – value 1 value 1 其中imageName是图像的名称。 我想：1）json中的组选项。 2）在json中提供此图像属性，以便select2可以形成数据。 这是代码： $(“#my-select”).select2({ data : [ { id : 0, text : ‘enhancement’ }, { id : 1, text : ‘bug’ }, { id : 2, text : ‘duplicate’ }, { id : 3, text : ‘invalid’ }, { id : 4, text : […]

Bootstrap手风琴，在点击时滚动到活动（开放）手风琴的顶部？

我正在使用Bootstrap创建一个响应式网站，它包含大量文本的手风琴，当你读到底部并单击下一个手风琴时，大量文本被折叠，我留在页面底部。 我发现这个有用的代码从Bootstrap手风琴滚动到活动面板标题的顶部，但它滚动到所有手风琴的顶部，而不是打开的特定手风琴。 $(function () { $(‘#accordion’).on(‘shown.bs.collapse’, function (e) { var offset = $(‘.panel.panel-default > .panel-collapse.in’).offset(); if(offset) { $(‘html,body’).animate({ scrollTop: $(‘.panel-heading’).offset().top -20 }, 500); } }); }); 如何修改此代码以滚动到当前活动的手风琴的顶部？ HTML; Short synopsis Concepts Themes Notable locations Notable characters Full description

JQuery：将数组输入值转换为字符串优化

使用jQuery我有以下代码： var selectedIdsArray = $(“#selectId option:selected”).map(function(){return this.value;}); var selectedIdsStr = $.map(selectedIdsArray, function(val){ return “” + val + “”;}); 它成功检索了一串id，例如。 来自元素的selectedIdsStr =“2,45,245,1”。 我想知道是否有更有效的方法（更少的代码）来实现这一目标？ 谢谢！

jQuery选项卡：如何创建指向特定选项卡的链接？

我正在为标签使用一个简单的jQuery脚本： JS： $(document).ready(function() { $(“.tab-content”).hide(); $(“ul.tabs li:first”).addClass(“active”).show(); $(“.tab-content:first”).show(); $(“ul.tabs li”).click(function() { $(“ul.tabs li”).removeClass(“active”); $(this).addClass(“active”); $(“.tab-content”).hide(); var activeTab = $(this).find(“a”).attr(“href”); $(activeTab).show(); return false; }); }); HTML（用于index.html）： Top Voters Top Commenters Tab content Some content Tab content Some content Tab content Some content 我需要做的是创建一个指向index.html＃h-02 ， index.html＃h-03等的工作链接，但是这些简单的链接不起作用，因为默认情况下隐藏了该选项卡。 是否可以修改JS，因此我可以链接到打开index.html时隐藏的选项卡中的书签？ 有人能指出我正确的方向吗？ 非常感谢！ 🙂

使用jQuery循环遍历表单中的所有文本框

我有一个像电子表格一样的表格。 我想validation每个文本框中的文本，如果它不是数字，请更改文本框的背景并显示消息。 除了循环部分，我可以做任何事情。 我猜这是……每个声明？

Rails通过ajax提交表单并更新视图

我想通过ajax更新表单提交而不重新加载页面并根据它更新视图。 我尝试了不同的方法，并因为我对rails的新手而失败了。 这是情况。 在模态中 def new @new_entry = current_user.notes.build @words = current_user.notes @notes_false_list = current_user.notes.where(known: false).order(“title”).group_by { |note| note.title[0] } @notes_true_list = current_user.notes.where(known: true).order(“title”).group_by { |note| note.title[0] } end 在视图中的表单代码。 {:class => ‘home-form without-entry clearfix’} do |f| %> 创建动作 def create @new_note = current_user.notes.build(new_note_params) if @new_note.save @notes_list = current_user.notes.count unless @new_note.user.any_entry @new_note.user.toggle!(:any_entry) if @notes_list >= […]