问题标签 [unobtrusive]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
382 浏览

javascript - AJAX 请求中的 Javascript

我对 AJAX 函数有一点问题:

  1. PAGE A 代表页面。
  2. PAGE X 代表加载的内容。
  3. RES A 代表页面结果。
  4. RES B 代表一些 AJAX 加载的内容 => 新结果。

PAGE A 包含 20 个结果,每个结果都可以删除,并通过 AJAX (PAGE X) 加载新结果。

例子:

用户在 PAGE A:-> PAGE A 加载 js“点击”功能。--> 结果为 RES A (20x)。

当用户从 RES A (1x) 中删除一个结果时,AJAX 会加载一个新的结果 RES B (1x):

用户仍然在 PAGE A 上。 --> PAGE X 加载了 js“点击”功能。--> 结果是 RES B (1x)

为了给 RES B 添加点击功能,我必须重新加载一个更轻的 JS,但它会增加 RES A 的功能。

因此,当用户从 RES A 中删除结果时(删除 5 个结果为 1x5),RES B 结果乘以 5x(用户得到 5x 相同的结果而不是 1x)。

你明白吗?简而言之,AJAX 请求乘以 x RES B 而不是坚持 1 个请求。你知道我怎样才能保持我的 RES B 1x 吗?

谢谢!

0 投票
2 回答
424 浏览

javascript - 需要帮助使我的 Javascript 不显眼

所以我用 HTML + Javascript 创建了一个订单表格,我想要使用 Javascript 的目的是当有人将鼠标悬停在汤的“标签”上时,一个隐藏的 div 将可见(稍后我打算获取代码将显示有关其标签悬停在上面的汤的信息)。我已经设法让它工作,但我知道我实现的 Javascript 代码是突兀的,我想将相同的代码(或等效代码)放在我的外部 Javascript 文件中以使其不突兀。

这是我表单中的一段代码(使用“突兀”的 Javascript):

我敢肯定,对于有经验的 Javascript 编码人员来说,突兀的 Javascript 是显而易见的……

这是与“隐藏” div 相关的 CSS 代码片段:

我确实有一个外部 Javascript 文件,这就是我试图以一种不显眼的方式复制我想要的内容:

这段代码放在一个名为“setup”的函数中,在页面加载时执行,代码如下:

因此,如果有人可以帮助我,我将非常感激:)。如果提供代码片段使整个问题难以破译,我可以将所有代码上传到我的网站并在此处分享。

0 投票
2 回答
1071 浏览

ajax - ASP .NET MVC 3 - Submitting an Ajax form redirects instead of updating within page

I'm submitting an Ajax form but when it hits the controller the Request.IsAjax returns false and my page therefore redirects. Anyone know why it would do this?

I have searched the internet and made sure that:

  1. I have the following in my web.config under <appSettings>:

    <add key="UnobtrusiveJavaScriptEnabled" value="true" />

  2. I have the following scripts in my page at runtime from viewing the source:

    /li>

Not sure if this is a red herring but I'll mention it because I've hit a brick wall here - when I do view source in Google Chrome only the first script has it's colours formatted, which makes me think I haven't got the syntax right - but it looks right to me! Help!

0 投票
1 回答
5781 浏览

jquery - jQuery 按钮处理程序与内联 onClick

这是问题所在:我在页面上有一个项目列表,每个项目都有自己的链接/按钮来删除它。目前,我在每个按钮上都有一个 onclick,因为每个按钮都需要将项目的 id 和描述/名称传递给 JS 函数。

我想让它不那么突兀,但想不出办法。有什么建议么?

以下是当前设置的示例:

和页面:

0 投票
2 回答
2978 浏览

ajax - 如何在 Magento 结账时不显眼地添加新的验证方法

我想阻止客户将 PO Boxes 输入到所选运输方式的收货地址中(在这种情况下特别是 UPS)。我可以重写js/prototype/validation.js以插入新的验证模式,但我不想分叉这样的密钥文件。

在客户通过 Javascript 选择送货方式而不覆盖核心文件后,是否有一种机制可以不显眼地验证客户的送货地址?

我看到它Validation.add在里面使用validation.js,所以可以在核心文件之外添加一个新的验证方法吗?

我要应用的正则表达式是

如果验证不能在 JS 中优雅地执行,我会对一个观察者感兴趣,controller_action_predispatch_onepage_saveShippingMethod它检查数据并在必要时执行 Ajax 重定向回送货地址表单。

0 投票
1 回答
974 浏览

asp.net-mvc-3 - 没有数据注释的 MVC3 不显眼的验证

我需要从动态内容在 MVC3 中创建 html。我的场景是我需要创建一个视图,该视图可以根据用户和环境更改它显示的 html 字段。在我们准备好检索它们以供使用并且可以更改之前,可能的字段范围是未知的。这个基本功能在 MVC 中相当简单。但是,我想使用不显眼的客户端验证,这是我的问题出现的地方。

这是场景:我在模型中有一个复杂类型的列表。复杂类型实例存储有关需要创建的 html 字段的元数据。例如,复杂类型有一个 DataType 字符串属性,它告诉我们要创建的 html 元素类型。“文本”用于文本框的输入元素,“复选框”用于复选框的输入元素,“选择”用于选择元素等。复杂类型具有 Readonly、IsRequired、Value、Regex、MinLength、MaxLength 等属性...它包含我们创建一系列 HTML 元素并验证这些元素所需的一切。

所以复杂类型的列表被插入到控制器中的模型中,然后我们调用我们的视图。考虑到列表中每个复杂类型的复杂类型中的设置,视图需要显示适当的 html 元素。这可以通过创建一个新的帮助器来管理复杂类型或在视图中的循环中使用 switch 语句来检查复杂类型的 DataType 并使用适当的帮助器来实现。到目前为止,一切都很好。

然而,问题出现在我们想要使用客户端验证而不必自己创建 JavaScript 客户端不显眼的属性的地方,这是我想要实现的。有没有一种方法可以在不使用数据注释的情况下使用现有的 MVC 代码来创建不显眼的客户端验证?

例如覆盖现有的 ModelMetadataProvider DataAnnotationsModelMetadataProvider 并从我自己的助手中调用一个新方法。

实现上述场景的最佳方法是什么?

0 投票
1 回答
427 浏览

jquery - 在 asp.net mvc3 中具有 jQuery 不显眼验证的动态视图页面

我一直在开发一个 asp.net mvc3 应用程序。

这是我的情况:应该在视图页面中显示的控件在数据库中。在数据库中,我们存储了所有控件定义,例如控件类型、验证正则表达式、是否需要。目前我正在做的是,我正在检索控件的记录并使用 html 助手来构建表单元素并显示视图页面。

这种方法的问题是,我不能使用 jQuery 不显眼的验证。

是否有可能拥有一个动态模型,我可以在运行时向其中添加属性和数据注释并显示视图页面。这样做我将有一个可以支持 jQuery 不显眼验证的页面。

或者

请提出任何其他替代解决方案。

0 投票
1 回答
143 浏览

jquery - Jquery script behaving differently when unobtrusive than when inside the rails view

I have this in my view

And inside my users.js

Having them,obviously not at the same time,gives me different results Basically I'm trying to retrieve the ID of the selected row finding it attr value.\

With the unobtrusive way right after loading the page I'd get "null" on my first click on a row and then every time I hit a row shows me the value that I clicked previously...TWICE!. But when keeping the script inside my view I get the result I want.

What am I doing wrong?

EDIT:

My view

My layout

The way I see it...nothing special there

0 投票
1 回答
1046 浏览

json - 将 json 对象与数组合并

假设我有两个 json 对象,我需要合并它们。

我想结束:

经过进一步的试验,我想出了这个,但我认为我在其中放置了一些错误或无用的代码行。

玩了一会儿后,我想出了这段代码。我的需求不需要递归超过两个级别,所以这很好。我敢肯定,它可能会更加精致,但它非常适合绑定淘汰赛。这是我如何使用它来扩展 jquery unobtrusive knockoutjs的示例

0 投票
5 回答
8121 浏览

jquery - 如何防止 jQuery onload 不显眼地闪烁?

我正在使用 jQuery UI 选项卡。我应该如何防止加载内容的闪烁,同时确保在禁用 javascript 时内容可见?

我尝试在加载文档时将 .js 类添加到正文中,但是由于选项卡与正在添加的类同时加载,因此内容仍然闪烁。