SUI Moblie 中出现$.init() 或$.alert()not a function和自定义Moble中的嵌套标签页时，点击tab2时一直出现tab1的内容

来源：互联网发布：python sched 编辑：程序博客网时间：2024/05/20 20:48

1、$.init() not a function.

sum插件与jQuery库出现冲突，sm.js 的引用顺序导致$.alert()无效，不要放在de ><head>de>中引用，应放在de ><body>de>结束前引用。因为js的加载会阻塞其他组件的加载

2、自定义Moble中的嵌套标签页时，点击tab2时一直出现tab1的内容，加active类无效

a.同一个html页面不要出现相同的id名，比如两个标签页，不要同时出现tab1、tab2。

b.在标签栏加active类时<a >上和<div>上添加active类时要一致。

$(document).on('click', '.open-tabs-modal', function () {

$.modal({

title: '<div class="buttons-row">'+

'<a href="#tab1" class="button tab-link">Tab 1 </a>'+

'<a href="#tab2" class="button active tab-link">Tab 2 </a>' +

'</div>',

text: '<div class="tabs">' +

'<div class="tab active" id="tab2">Vivamus feugiat diam velit. Maecenas aliquet egestas lacus, eget pretium massa mattis non. </div>' +

'<div class="tab" id="tab1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam convallisnunc non dolor euismod feugiat.</div>' +

'</div>',

buttons: [

{

text: 'ok, got it',

bold: true

]

});

阅读全文

0 0