曲径通幽
曲径通幽
  • 发布:2015-01-09 18:28
  • 更新:2016-11-29 20:45
  • 阅读:14775

请问mui中mui-tab-item,子页面如何操作mui-tab父页面中的tab?

分类:MUI
tab

功能描述如下:父页面打开一个子页面,子页面进行验证,验证后转到父页面tab中的另一个页面,要保持tab的样式。请问如何操作。

2015-01-09 18:28 负责人:无 分享
已邀请:
Cp0204

Cp0204

在父页面写切换的func switchtab,样式变化,子页控制都往里面写

子页面

woshifuyemian=plus.webview.getWebviewById("home.html");  
woshifuyemian.evalJS("switchtab('1')");

参考
plus.webview.WebviewObject.evalJS

  • 曲径通幽 (作者)

    非常感谢。


    2015-01-10 23:56

  • 曲径通幽 (作者)

    切换后,tab地下的字颜色没有变,请问如何变化?


    2015-01-12 01:36

  • Cp0204

    回复 曲径通幽:在你switchtab里,自己加入样式控制代码


    2015-01-12 08:56

  • 曲径通幽 (作者)

    回复 Cp0204: 那mui('.mui-bar-tab').activeTab这个事干嘛的?


    2015-01-12 09:01

  • 曲径通幽 (作者)

    回复 Cp0204:function switchTab(showTabIndex,hideTabIndex)

    {

    var showTab=subpages[showTabIndex];

    var hideTab=subpages[hideTabIndex];

    var title = document.getElementById("title");

    plus.webview.show(showTab);

    plus.webview.hide(hideTab);

    title.innerHTML = "测试";

    document.getElementById('defaultTab').style="mui-tab-item mui-active" ;

    document.getElementById('Tab2').style="mui-tab-item" ;

    }

    样式我都写了,可是不生效,请问该如何写呢。


    2015-01-12 09:58

Cp0204

Cp0204

以下,你选择的tabitem都固定死了,这么改变呢?

document.getElementById('defaultTab').style="mui-tab-item mui-active" ;	  
document.getElementById('Tab2').style="mui-tab-item" ;

mui.js里本来就自带改变样式的代码了
https://github.com/dcloudio/mui/blob/master/dist/js/mui.js#L4548

f***@163.com

f***@163.com

同问,要怎么做,楼主知道了吗?

p***@qq.com

p***@qq.com

woshifuyemian.evalJS("switchtab('1')");

evalJS 沒有此物件, 請問如何讀取的呢?

该问题目前已经被锁定, 无法添加新回复