每个bootstrap模式使用ajax在laravel中重复相同的id。
在laravel中，使用bootstrap模式并使用ajax请求重复相同的id是不推荐的做法。id应该是唯一的，并且用于标识DOM元素。重复的id会导致HTML文档无效，可能会导致意料之外的行为发生。
如果你想在laravel中使用bootstrap模式和ajax请求，可以考虑以下几个方案：
- 使用动态生成的唯一id：在每次生成重复的元素时，使用动态生成的唯一id代替重复的id。你可以使用laravel的辅助函数如
uniqid()来生成唯一id。 - 使用class而不是id：如果不需要使用id来标识元素，你可以考虑使用class来区分元素。class可以重复使用，而不会引起冲突。
- 使用data属性：如果需要在元素上存储数据，可以考虑使用data属性。data属性是HTML5中的一项功能，可以在元素上存储自定义数据。你可以使用
data-*属性来定义自己的数据属性，例如data-id="1"。 - 重新设计你的页面结构：如果你发现需要重复相同的id，可能是因为你的页面结构需要重新设计。尝试找到更好的方式来组织和呈现你的数据，避免重复的id。
总结起来，避免在laravel中重复相同的id是一个良好的实践。使用唯一的id、class、data属性或重新设计页面结构来满足你的需求。请记住，在编写前端代码时，尽量保持良好的标准和最佳实践，以提高代码的可维护性和可扩展性。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）服务：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（移动推送）：https://cloud.tencent.com/product/tpns
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云虚拟专用网络（VPC）：https://cloud.tencent.com/product/vpc
- 腾讯云安全组：https://cloud.tencent.com/product/safety
- 腾讯云音视频处理（点播）：https://cloud.tencent.com/product/vod
- 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
相关·内容
我写了一些代码来查看我的所有显示事件的详细信息，当单击阅读更多按钮时，使用引导模式弹出窗口。但是当我点击“阅读更多”按钮时，每个响应都会重复相同的id。这是我的laravel代码 @if(!" id="event_id" value="{{$value->id}}"></
浏览 24提问于2019-06-30得票数 0
回答已采纳
1回答
我有一个js文件(在页眉中调用)，其中包含一些代码，这些代码在名为admin.js的内容管理系统的每个页面上运行。它包含一些使用jQuery文件上传插件处理文件上传的代码。我正在建立一个在CMS的小部件系统。它使用bootstrap模态。如果我将文件上传表单放在模式中，文件上传工作正常，但是如果我在模式中<em
浏览 1提问于2012-09-14得票数 0
我有一个文本框，点击后会打开一个Bootstrap模式，同时传递一个数字。如何显示从Laravel到modal的页面。我在制作视图或新模型方面很在行。函数： $.ajax( {
type: "POST"
浏览 7提问于2016-08-03得票数 0
回答已采纳
2回答
如何将用户id传递给模式？
、、、、
如何将用户ID传递给modal？它正在获取ID到(x)按钮，但当模式打开时，它仍然使用admins id。我如何让它在模式中转换为用户id？我被卡住了，我知道它与jquery有关，但不幸的是，我不知道是怎么做的，也不知道是什么。谢谢。function(){
浏览 0提问于2018-10-30得票数 0
1回答
对于我的项目，我使用php laravel和bootstrap For css。Jquery来获取一些信息到我的引导模式中。它工作得很好，我已经导入了我的脚本文件，它工作了。我在我的索引页面中有这个设置。现在，我需要在我的员工详细信息页面上执行完全相同的操作，我得到了一个500内部服务器错误。 console.log
浏览 0提问于2014-03-22得票数 0
我需要在我的Laravel应用中使用bootstrap 3。我已经下载了bootstarp并将其粘贴到Laravel public-css文件夹中。现在我需要将它集成到我的Laravel应用程序中。我不使用bootstrap主题。只有css和js文件。我要退出cdn。
浏览 78提问于2017-06-10得票数 3
回答已采纳
2回答
所以，我是专门用Laravel开发我的应用程序的，但我认为这个问题对任何web应用程序来说都是比较通用的，因为它实际上是关于引导和模式页面的使用。我很想知道其他人是如何使用打包的引导模式创建CRUD功能的。
这种模式看起来很适合所有类型的表单。问题实际上是围绕在设置上的。我正在尝试为我的应用程序创建一个联系人CRUD。例如，一个帐户可能有多个联系
浏览 1提问于2013-02-14得票数 1
回答已采纳
我正在创建一个按钮，以打开一个模式时，点击。当按钮点击时，模式就不会弹出。在我的另一个项目中，我一直在犯这个错误。但是上一次安装并将popper.js添加到开发依赖项和运行'npm‘已经解决了这个问题。这一次，不知何故，它是行不通的。我在package.json中的开发依赖项："axios": "^0.16.2",
&qu
浏览 2提问于2017-10-17得票数 0
回答已采纳
2回答
我正在使用laravel中的jQuery、AJAX和引导模式处理CRUD操作。但问题是当我想编辑一些东西时。在AJAX成功请求之后，我无法填充下拉列表。如何在编辑模式下拉列表中设置数据库默认值？$('#modal_form').modal('show'); // show bootstrap modal
var id</em
浏览 0提问于2018-02-27得票数 2
回答已采纳
3回答
bootstrap 表示，您可以使用以下代码轻松禁用data API：我认为在某些情况下，当其他javascripts使用相同的数据属性时，这真的很酷只需关闭特殊地域的bootstrap-API即可。例如，禁用每个a-Tag中的API：<html>
浏览 1提问于2013-02-16得票数 4
Laravel具有Global Patterns ()这样的特性。简而言之:您可以为通配符定义一次模式，比如这个Route::pattern('id', '[0-9]+')，并在路由模式中使用通配符{id}，而无需重复。现在，我正在努力将symfony/routing组件集成到我的自制框架中。我看到通配符模式可以对每个路由使
浏览 6提问于2015-09-06得票数 1
回答已采纳
我在Laravel中创建了分页，我还创建了删除按钮，它允许我删除效果很好的记录。我的下一步是使用bootstrap模式升级删除按钮。在我将粘贴的删除代码复制到模式体中之后，我收到了错误，它说： Route [/admin/resellers/{{ $reseller->id ] not defined.(View: 但我不明白
浏览 22提问于2020-08-13得票数 1
回答已采纳
1回答
我在一个laravel项目中工作，我可以使用一个按钮来显示一个模态，并且在这个模式中我有一个删除按钮，我使用的是僵尸3，但不是使用bootrsap 4。这是我的html代码，这些CDN正在工作： <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax</
浏览 1提问于2018-07-20得票数 0
回答已采纳
我想将一个页面加载到另一个页面中(我正在使用laravel )。我有表单在页面上，当用户点击按钮引导弹出模式显示。所以我需要加载整个页面(包括脚本和样式)在这个引导弹出模式。问题是我加载的页面在弹出窗口中，不能正常工作(我猜是因为脚本。主页有bootstrap、jQuery等等，我的弹出视图也有jQuery和bootstrap，以及一些其他脚本，所以我看到它加载了这些脚本两次)。这是控制台在我加载<
浏览 10提问于2016-12-19得票数 0
1回答
在我的Laravel web应用程序中，我使用datatable来显示数据。我的表有三个动作，分别是view、edit和delete。对于编辑和查看，我使用Bootstrap 4模式。这是数据表的一个视图。
$.ajax({
浏览 0提问于2018-09-12得票数 2
回答已采纳
1回答
我正在使用多选下拉列表的这个<!<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css">
<script src="https:/&
浏览 4提问于2017-07-31得票数 0
回答已采纳
我使用Laravel 4在Modal Bootstrap中调用其他页面的代码。但在模式中不会出现其他页面。下面是我的javascript代码： $(function() { $(".detail-dialog").click(function() {
$(
浏览 2提问于2015-06-11得票数 0
我想在laravel 7应用程序中向表单添加一个引导数据项字段，但我总是收到以下错误消息: Uncaught：$(.).datepicker不是函数。我读过至少十几篇关于如何解决这个问题的不同文章，在我的案例中，我尝试了所有这些都没有结果。
我的感觉是我的laravel应用程序(也许在app.js?)已经加载了相同脚本的一个脚本或不同版本的脚本(可能是jQuery
浏览 4提问于2020-08-30得票数 0
回答已采纳
2回答
第一个是Laravel 5.7 CRUD (Create Read Update Delete) Tutorial Example 现在，我改变了主布局，并解决了一个问题。data-toggle="tooltip" title="Delete"></i></a> </tr>
@endforeach 下面的代码显示了我的
浏览 5提问于2019-01-27得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
