$('#modal-modifypilot').izimodal js 给html 传参
时间: 2023-12-28 13:06:04 浏览: 41
要给HTML传参,可以在JavaScript中使用模板字符串,将参数嵌入到HTML代码中。然后使用jQuery的`.html()`方法将HTML代码插入到指定的元素中。例如:
```javascript
// 假设参数为name和age
const name = '张三';
const age = 25;
// 使用模板字符串将参数嵌入到HTML代码中
const html = `
<div>
<p>姓名:${name}</p>
<p>年龄:${age}</p>
</div>
`;
// 将HTML代码插入到指定的元素中
$('#modal-modifypilot').html(html);
```
这样就可以将带有参数的HTML代码插入到指定的元素中了。
相关问题
这样设置并不生效,仍然会被下面这个属性替代:.ant-modal.custom-modal.ant-confirm-confirm .ant-modal-content .ant-modal-body .ant-confirm-body-wrapper .ant-confirm-btns .ant-btn
如果你的自定义样式无法覆盖默认样式,你可以使用 `!important` 规则来强制应用自定义样式。例如:
```
import { Modal, Button } from 'antd';
Modal.confirm({
className: 'custom-modal',
title: window.language['playlist.tip'],
content: window.language['playlist.des5'],
okButtonProps: {
style: {
width: '100px',
height: '50px',
},
className: 'custom-ok-button',
},
cancelButtonProps: {
style: {
width: '120px',
height: '50px',
},
className: 'custom-cancel-button',
},
onOk: () => {
// 确认操作
},
onCancel: () => {
// 取消操作
},
});
```
然后在你的 CSS 文件中添加以下代码:
```
.custom-modal .custom-ok-button {
width: 100px !important;
height: 50px !important;
}
.custom-modal .custom-cancel-button {
width: 120px !important;
height: 50px !important;
}
```
这样就可以强制应用自定义样式了。如果你仍然无法覆盖默认样式,你可以使用更具体的 CSS 选择器来定位元素并应用自定义样式。
function openHotel(id) [ $.get('HotelServlet.do?action=getHotel&id='fid ronction(data) [modal-title').text(data.data.name); $(#modalView').modal('show'); $('#modalView .modal-body').load('hotel_detail.jsp'); J 'json')
这是一个 JavaScript 函数,它通过 AJAX 请求获取一个酒店的详细信息,并在页面上弹出一个模态框显示这些信息。具体来说,它接受一个参数 id,表示要获取的酒店的 ID。然后,它使用 jQuery 的 $.get 方法向服务器发送一个 GET 请求,请求的 URL 是 'HotelServlet.do?action=getHotel&id=' + id。当服务器返回数据时,它会将酒店的名称显示在模态框的标题上,然后通过调用 $('#modalView .modal-body').load('hotel_detail.jsp') 将酒店的详细信息加载到模态框的主体中。最后,它调用 $(#modalView').modal('show') 显示模态框。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)