我在实现客服零碎的过程中,应用layer实现右下角弹窗成果,当初须要自定义layer弹窗的题目和减少自定义按钮

layer.open({  type: 2,  title: 'My Window<button class="btn btn-primary" id="btn-reload">Reload</button>', // 在题目中退出按钮  shadeClose: true,  shade: 0.8,  move:false,//不容许拖动,很重要  area: ['380px', '90%'],  offset: 'rb', // 右下角弹出  content: 'http://www.your-site.com/html/window.html',  success: function(layero, index){    // 弹窗加载胜利时的回调    var iframe = layero.find('iframe'); // 获取到弹窗中的iframe元素    var btnReload = layero.find('#btn-reload'); // 获取到按钮    btnReload.click(function(){  iframe.attr('src', iframe.attr('src')); // 从新加载iframe的内容});

在这个例子中,我在自定义题目外面减少了一个按钮,实现点击从新加载弹窗内容的成果咱们应用了jQuery的click()办法来解决按钮的点击事件。在按钮的回调函数中,咱们应用了iframe的attr()办法来从新设置src属性,从而从新加载iframe的内容。这个外面move:false很重要,不能允许拖动,否则点击事件不起作用

在惟一客服(http://gofly.v1kf.com)外面,我是在题目上减少了一个切换成英文的按钮,看成果

惟一在线客服零碎
https://gofly.v1kf.com
十年开发教训程序员,到职全心守业中,历时三年开发出的产品《惟一客服零碎》