MUIスイッチClickイベントはバブルしません

私は仕事で問題が発生しました

アプリの終了の携帯電話は、MUIフレーム、左の請求に電話番号を使用して、右側のスイッチはスイッチであり、あなたが基本的な人事情報の下で展開することができ、タイトルをクリックしてください。

折りたたみパネルを使用。

次のようにマップ上のファースト:

        

ある質問の先頭に表示されます。これを望んでいない、あなたはスイッチボタンをクリックし、右ボタンスイッチをクリックして、基本的な情報のオープンにリンクされますが、折りたたみパネルとは何の関係もありません、あなたが操作をキャンセルするバブルをクリックする必要があります。

以下のように、キーコードがあります

<ULクラス= "MUI-テーブルビュー">

<LIのクラス= "MUIテーブルビューセルMUI-崩壊">
<a id="icon-phone"> <スパンクラス= "MUIアイコンMUIアイコン電話"> </スパン> 13703956635 <DIVクラス= "MUIスイッチMUI活性" ID = "テキスト2">
<DIV CLASS = "MUIスイッチハンドル"> </ div>
</ div> </a>の
<DIV CLASS = "MUI-崩壊コンテンツ" >
<DIV ID = "segmentedControl"クラス= "MUIセグメント化コントロール">
<a class="mui-control-item mui-active">基本信息</a>の
</ div>
<ULクラス= "mui-テーブルビューMUI・テーブルビューのストライプMUI-テーブルビュー凝縮MUIマージン-TOP10 ">
<LIクラス=" MUI-テーブルビューセル">
<DIV CLASS =" MUI-テーブル」>
<DIV CLASS = "MUIテーブルセルMUI-COL-XS-3">
<Pクラス= "MUI-H6のMUI-省略記号">姓名</ P>
</ div>
<DIV CLASS = "mui-テーブルセルMUI-COL-XS-3" >
<スパンクラス= "MUI-H5">张* </スパン>
</ div>
<DIV CLASS = "MUIテーブルセルMUI-COL-XS-3">
<Pクラス= "MUI-H6のMUI、省略記号">性别</ P>
</ div>
<DIV CLASS =" MUIテーブルセルMUI-COL-XS-3 ">
<スパンクラス=" MUI-H5" >男</スパン>
</ div>
</ div>
</ LI>
<LIクラス= "MUIテーブルビューセル">
<DIV CLASS = "MUIテーブル">
<DIV CLASS = "MUIテーブルセルMUI-COL-XS-3" >
<Pクラス= "MUI-H6のMUI-省略記号"> ARPU </ P>
</ div>
<DIV CLASS = "MUIテーブルセルMUI-COL-XS-3">
<スパンクラス= "mui- H5" >98 </スパン>
</ div>
<DIV CLASS = "MUIテーブルセルMUI-COL-XS-3">
<Pクラス= "MUI-H6のMUI-省略記号">宽带数:</ P>
</ DIV>
<DIV CLASS = "MUIテーブルセルMUI-COL-XS-3">
<スパンクラス= "MUI-H5"> 2 </スパン>
</ div>
</ div>
</ LI>
<LIクラス= "MUIテーブルビューセル">
<DIV CLASS = "MUIテーブル">
<DIV CLASS = "MUIテーブルセルMUI-COL-XS-3">
<Pクラス= "MUI-H6のMUI、省略記号"> IPTV数:</ P>
</ div>
<DIV CLASS =" MUIテーブルセルMUI-COL-XS-9 ">
<スパンクラス=" MUI-H5" > 3 </スパン>
</ DIV >
</ div>
</ LI>
<LIクラス= "MUIテーブルビューセル">
<DIV CLASS = "MUIテーブル">
<DIV CLASS =」MUIテーブルセルMUI-COL-XS-3 ">
<Pクラス=" MUI-H6 MUI-省略記号">套餐</ P>
</ div>
<DIV CLASS =" MUIテーブルセルMUI-COL -xs-9 ">
<スパンクラス=" MUI-H5" > 99元套餐</スパン>
</ div>
</ div>
</ LI>
<LIクラス= "MUIテーブルビューセル">
<DIV CLASS = "MUIテーブル">
<DIV CLASS = "MUIテーブルセルMUI-COL-XS-3" >
<Pクラス= "MUI-H6のMUI-省略記号">小区</ P>
</ div>
<DIV CLASS = "MUIテーブルセルMUI-COL-XS-9">
<スパンクラス= "mui- H5" >郑东新区雅居乐国际花园</ span>を
</ div>
</ div>
</ LI>
</ UL>
</ div>
</ LI>

</ UL>

最後にフッター次のコードを追加します。

<スクリプトSRC =」../ SRC /コンポーネント/ MUI /例/ハロー-MUI / JS / mui.min.js "> </ SCRIPT>
<スクリプトSRC =" ../ SRC / JS / jqueryの-3.1.1 .min.js "> </ SCRIPT>
<スクリプトタイプ="テキスト/ javascriptの">
"で。$( "MUIスイッチ。)("タップ」、関数(イベント){
するevent.stopPropagation();
})
< /スクリプト>

OK!需要を満たします。

おすすめ

転載: www.cnblogs.com/snowhite/p/11320353.html
おすすめ