扫码关注官方订阅号
在一个页面上有多个按钮,用来触发不同的模态框。模态框的操作差不多都相同,所以写一个javascript函数执行,只在调用时传递一个flag标识进行区分。
无法实现的场景是,这个页面上有一个总的按钮,触发一个事件,让所有模态框中的某个功能禁用或启用。
怎么才能写一个事件,改变已经被调用的函数中的值呢?
小伙看你根骨奇佳,潜力无限,来学PHP伐。
用了 ES2015 语法,下面有翻译成 ES5 的
直接上代码了,有不明白的在评论里讨论。
let showModal = (options => { function showModal(flat) { // show modal with `options` } showModal.setOptions = function(_options) { // 通过 $.extend 仅修改在 `_options` 中设置了的项 options = $.extend(options, _options); }; })({ options1: "value" }); // 模拟显示对话框调用 $(".showButton").on("click", e => { showModal($(e.target).data("flag")); }); // 模拟修改默认配置 $(".enableFeature").on("click", e => { showModal.setOptions({ feature1: true }); });
var showModal = (function(options) { function showModal(flat) { // show modal with `options` } showModal.setOptions = function(_options) { // 通过 $.extend 仅修改在 `_options` 中设置了的项 options = $.extend(options, _options); }; })({ options1: "value" }); // 模拟显示对话框调用 $(".showButton").on("click", function(e) { showModal($(e.target).data("flag")); }); // 模拟修改默认配置 $(".enableFeature").on("click", function(e) { showModal.setOptions({ feature1: true }); });
最后一句没听懂,至于上一句让所有的模态框的中的某个功能禁用或启用,那你可以给标签上加个及定义的data属于,用个事件函数控制这个属性的值,然后其他的功能函数在执行前先判断这个值,有的话就运行,没有就不运行。
function handler (){ var index; function dohandler(){ //根据index不同而不同 } return { handler : dohandler } } 外面调用 var hand = handler(); hand() 使用了闭包,每次调用可以修改index的值
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
直接上代码了,有不明白的在评论里讨论。
翻译成 ES5 语法
最后一句没听懂,至于上一句让所有的模态框的中的某个功能禁用或启用,那你可以给标签上加个及定义的data属于,用个事件函数控制这个属性的值,然后其他的功能函数在执行前先判断这个值,有的话就运行,没有就不运行。