jquery-ui 相关问题

Javascript 报表设计器带包含可以在设计器中更改的绝对定位字段。 html: Javascript 报表设计器带包含可以在设计器中更改的绝对定位字段。 html: <div class='designer-panel-body' style='height:100px'> <div class='designer-label' style='top:10px'> Field1 </div> <div class='designer-label' style='top:60px; left:20px'> Field2 </div> </div> CSS： .designer-panel-body { border: solid 1px; } .designer-label { position: absolute } Javascript： $(".designer-panel-body").resizable({ start: function(event, ui) { $(this).resizable("option", "minHeight", 80) }, handles: "s" }); 小提琴：https://jsfiddle.net/xk98f2rq/ 带高度也可以通过鼠标改变。如何设置最小高度以使带区高度不能短于最后一个字段顶部位置？示例中的代码为此使用硬编码值 80。如果字段在运行时发生更改，例如删除 Field2，则该值较小，以便面板可以调整大小到 Field1 的顶部。 start方法如何计算minHeight？是否合理/如何重构此代码，以便它使用纯 javascript，而不使用 jquery 和 jquery ui？通过使用 position: absolute 父级 div 不会使其高度适应子级的高度。解决方案是在函数 outerHeight 中计算子项的高度（包括 offset 加 get_height()），并将计算出的高度应用于容器。删除 .designer-label 项目（通过单击它们）时，可调整大小元素的 minHeight 会被调整。 function get_height() { var minHeight = 0; var h; $('.designer-panel-body').find('.designer-label').each(function() { h = $(this).outerHeight(true) + $(this).offset().top; if (h > minHeight) { minHeight = h; } }); return minHeight; } $(".designer-panel-body").height(get_height()); $(".designer-panel-body").resizable({ minHeight: get_height(), handles: "s" }); $('.designer-label').on('click', function() { $(this).remove(); $(".designer-panel-body").resizable("option", "minHeight", get_height()); }); .designer-panel-body { border: solid 1px; position: relative; } .designer-label { position: absolute; border: 1px solid blue; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js"></script> <link href="https://ajax.microsoft.com/ajax/jquery.ui/1.8.7/themes/black-tie/jquery-ui.css" rel="stylesheet" /> <div class='designer-panel-body'> <div class='designer-label' style='top:10px'> Field1 </div> <div class='designer-label' style='top:60px; left:20px'> Field2 </div> </div>

javascript html jquery jquery-ui jquery-ui-resizable

回答 1 投票 0

Bootstrap-select，顶部选择和 jQuery 可排序集成

我正在为一个项目使用 Bootstrap-Select，但我遇到了多个列表的问题。我的应用程序必须满足以下要求。更新：基于@caseyjhol很好的答案，我开始尝试......

javascript jquery twitter-bootstrap jquery-ui bootstrap-select

回答 2 投票 0

如何使用 pixi.js 或 jquery ui 进行自由滚动？

我正在尝试制作一个类似于 https://pharrellwilliams.com/ 的页面，其中的自由滚动必须能够导航到左右上下，我不知道它是否是用画布完成的什...

jquery jquery-ui frontend pixi.js

回答 1 投票 0

获取 JQuery UI Draggable 以捕捉到特定的网格（有一个扭曲）

我目前正在尝试使用 jQuery 和 jQuery UI 将“拖放”功能应用于一堆元素。应该注意的是，元素应该始终捕捉到特定的...

javascript jquery jquery-ui jquery-ui-draggable jquery-ui-droppable

回答 1 投票 0

未捕获的语法错误：JSON.parse：JSON 数据第 1 行第 1 列的数据意外结束

我一直在这里阅读其他一些问题，但我找不到一个可以完全解释我应该如何解决它的问题。我是 JSON 新手，并不完全理解它。我必须搜索价格范围(

jquery jquery-ui slider

回答 2 投票 0

为什么我的服务器端代码在 ASP.net 按钮单击时未触发？

我不明白为什么我的服务器端没有执行。这是我的代码 ASP代码 ... 我不明白为什么我的服务器端没有执行。这是我的代码 ASP代码 <div class="row" style="padding-top:20px;"> <div class="col-lg-4"> <input id="btnSave" type="button" class="btn btn-info" value="Save" /> <input id="btnLoad" type="button" class="btn btn-info" value="Load" /> <%-- SAVE DIALOG --%> <div id="saveDialog" title="Basic dialog"> <div class="row"> <div class="col-lg-4"> <asp:Label ID="lblFileName" CssClass="control-label" runat="server" Text="File Name"></asp:Label> </div> <div class="col-lg-6"> <asp:TextBox ID="txtFileName" CssClass="form-control" runat="server"></asp:TextBox> </div> </div> <div class="row"> <div class="col-lg-12" style="text-align:center;"> <asp:Label ID="lblSaveErrorMsg" runat="server" Text="" ForeColor="Red"></asp:Label> </div> </div> <div class="row" style="padding-top:10px;"> <div class="col-lg-12" style="text-align:center;"> <asp:Button ID="btnSaveFile" runat="server" Text="Save" OnClick="btnSaveFile_Click"/> </div> </div> </div> </div> 服务器端代码 protected void btnSaveFile_Click(object sender, EventArgs e) { string cs = ConfigurationManager.ConnectionStrings["xxx"].ConnectionString; using (SqlConnection con = new SqlConnection(cs)) { byte[] byteArray = Encoding.UTF8.GetBytes(ASPxPivotGrid1.SaveLayoutToString()); MemoryStream stream = new MemoryStream(byteArray); DateTime currentDate = DateTime.Now; SqlCommand cmd = new SqlCommand(); cmd.Connection = con; cmd.CommandText = "INSERT INTO ReportSave(UserID,ReportName,UserFileName,ReportData,Time,ReportFilter)VALUES(@UserID,@ReportName,@UserFileName,@ReportData,@Time,@ReportFilter);"; cmd.Parameters.AddWithValue("@UserID", UserID); cmd.Parameters.AddWithValue("@ReportName", ReportName); cmd.Parameters.AddWithValue("@UserFileName", txtFileName.Text); cmd.Parameters.AddWithValue("@ReportData", stream); cmd.Parameters.AddWithValue("@Time", currentDate); cmd.Parameters.AddWithValue("@ReportFilter", txtFilterRecord.Text); con.Open(); cmd.ExecuteNonQuery(); //string message = "Your details have been saved successfully."; //string script = "window.onload = function(){ alert('"; //script += message; //script += "')};"; //ClientScript.RegisterStartupScript(this.GetType(), "SuccessMessage", script, true); } } 注：它不会显示任何错误消息，也不会重新加载页面。很奇怪。我调用jquery函数，它执行后也不会调用服务器代码。出于测试目的，我删除了此按钮的整个 jquery 代码。所以现在这个按钮没有 Jquery 函数。但我仍然无法调用服务器端代码为什么？？？已更新我发现了一些东西，我的表单上有一个按钮，称为btnSave，一旦用户单击它就会调用 $('#btnSave').click(function () { $('#saveDialog').dialog(); }); 重要提示：然后将出现对话框。在该对话框中，我添加了该按钮 btnSaveFile。但是当我在对话框外部添加此按钮时，它正在调用服务器端代码。嘿朋友protected void btnSaveFile_Click(object sender, EventArgs e)从其他页面或应用程序复制此方法然后它将不起作用，因此删除分配给按钮的事件和事件名称。转到设计并转到按钮，甚至属性转到OnClick事件双击它，它将生成事件并自动为按钮分配事件名称。会起作用的。或者在代码中给出新的 Onclick 函数名称 <asp:Button ID="btnSaveFile" runat="server" Text="Save" OnClick="btnSaveFile_Click"/> 使用完整链接： asp.net 按钮 OnClick 事件未触发 ASP.NET 按钮未在单击事件时触发 OnClick 事件在 ASP.NET 页面中不起作用 https://www.codeproject.com/Questions/681648/button-click-event-not-firing-asp-net 您可以在 Jquery 中使用此代码： $(document).on('click', '#btnSave', function() { { $('#saveDialog').dialog(); }); 我最近遇到了一个非常相似的问题。更新按钮代码如下帮助我解决了问题： <asp:Button ID="btnSaveFile" runat="server" Text="Save" OnClick="btnSaveFile_Click" UseSubmitBehavior="false"/> 使用 UseSubmitBehavior 为 false 允许页面刷新，但仍然能够触发函数调用。以前，当页面刷新时，它会阻止该函数被调用

c# asp.net jquery-ui webforms jquery-ui-dialog

回答 2 投票 0

如何限制使用 jQuery 时的 LI 数量

我正在使用 jQuery UI 开发一个拖放收藏夹 UI，我想限制在特定区域中放置的 LI 数量（限制为 5 个），并且如果用户在

jquery jquery-ui

回答 2 投票 0

jquery ui 可拖动元素出现在其他元素后面？

我正在使用 jquery ui 可拖动，并最终可放置，以便可以将图片重新排序到不同的框中。当我将图片拖出框中时，它会出现在所有其他元素下方......

jquery-ui drag-and-drop draggable jquery-draggable

回答 4 投票 0

我希望这个jquery给我以％而不是像素为单位的位置

这是我现在所拥有的。这给了我以像素为单位的绝对位置 $(这个).css({ “左”：($(this).width() + 5) * (索引 % 4), “顶部”：($(this).height() + 5) * Math.floor(index / 4)...