4
(1)はそのソースの書き方からこうすればいいと思います。
li {height:90px margin-bottom:0px !important;}
(3)はclassの指定ミスの可能性を考えると
.ui-li .ui-li-has-thumb .ui-btn-text a.ui-link-inherit h3{
white-space: normal !important;
}
(2)は1つの方法としてpadding-leftを変えるという物がありますが、少々面倒です。もう少し良い方法があればその方がいいかと。
3
Chartというオブジェクトを初期化する際、canvasという要素のoffsetWidthやoffsetHeightが必要ですが、pagebeforeshowというイベントが引き起こされる時にはjQuery Mobileのスタイルによってdisplayがnoneなので、ブラウザはoffsetWidthやoffsetHeightを計算できません。
ですから、pagebeforeshowをpageshowに置き換えると、正しく動くと思います。
1
render: function() {
var fullName = this.state.firstName + this.state.lastName;
return (
<div className="ui-field-contain">
First name: <input className="name" ref="firstName" onChange={this.handleChange} value={this.state.firstName}/><br/>
Last name: <input className="name" ref="lastName" onChange={this....
1
サンプルアプリのapp.jsにある以下のコードがクリックされた時に処理を呼び出す設定に該当します。
///// Called when app launch
function onReady() {
initTopPage();
$("#SaveBtn").click(onSaveBtn);
$("#TopListView").on("click", "a.show", onShowLink);
$("#TopListView").on("click", "a.delete", onDeleteLink);
}
$("#SaveBtn")
idにSaveBtnと設定してある要素の特定
.click(onSaveBtn)
クリックイベントの時に呼び出すonSaveBtnを指定
1
タッチデバイスだと click イベントが発生しないため、 tap イベントをお使いになられると良いと思います。
1
アコーディオン風にでしたら、下記が参考になると思います。
http://codepen.io/onsen/pen/vjlsF
// ons.bootstrap();
angular.module('myApp', ['onsen', 'ngAnimate']).controller('MyCtrl', function($scope) {
$scope.groups = [];
for (var i = 0; i < 10; i++) {
$scope.groups[i] = {
name: i,
items: []
};
for (var j = 0; j < 3; j++) {
$scope....
1
メニューを開くと、右にこういった要素が生成されていますね。
<div style="height: 300px;" class="ui-panel-dismiss ui-panel-dismiss-position-left ui-panel-dismiss-display-overlay ui-panel-dismiss-open"></div>
メニューの外をクリックした時に、そのイベントを受けてメニューを閉じるための物でしょう。
これの位置はleftでメニューの幅をハードコーディングする事で設定してあるようです。
あちらこちらに数値がハードコーディングされていると修正はとても面倒ですが、とりあえずはこのように上書きすればよいです。
.ui-panel-dismiss-...
1
TOP Pageの</section>のあとにナビゲーションバーをフッターとして追加してください。
<!-- TOP Page -->
<div data-role="page" id="TopPage">
<header data-role="header" data-position="fixed" data-theme="c">
<h1>Monaca Memo</h1>
<a href="#AddPage" data-icon="plus" class="ui-btn-right">Add</a>
</header>
<section ...
1
解決策を見つけました。expandで開くことができました。
http://demos.jquerymobile.com/1.2.0/docs/content/content-collapsible-methods.html
1
Gemfileにgemを追加する前にRailsを立ち上げた場合、gem追加後に再起動しないと追加したgemが読み込まれずSprockets::FileNotFoundが出てしまうと思います。
gemを追加したあと、Sprockets::FileNotFoundが出た場合、Railsを再起動してみてはいかがでしょうか?
以前にも似たような質問があったので参考になれば。
ruby - Railsのファイルの変更の自動読み込みについて - スタック・オーバーフロー
上位に投票された、最小文字数のコミュニティ wiki 以外の回答のみが対象となります