問題タブ [cluetip]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - cluetipを使用しているときに閉じるボタンが2回表示されるのはなぜですか
jquery cluetipを使用していますが、アイテムを最初にクリックするとCLOSEテキストが2回表示され、2回クリックすると1回しか表示されない場合があります。だから初めて私はこれを見ます:
そして2回目はこれを見ます:
誰かがこれを見たことがありますか?ページに複数の手がかりがありますが、それがこれをどのように推進しているかわかりません。これが私の手がかりのjavascriptコードです:
こことこのフォーラムでもエラーが発生しているようですが、解決策や提案がありません。
アップデート:
これが役立つかどうかはわかりませんが、firebugの「二重」の状況をキャプチャします。これが生成されるhtmlです。ご覧のとおり、id="cluetip-close"には複数の要素があります
手がかりのコードをデバッグしましたが、複数のクローズを取得すると、次の行に到達したことに気付きます。
$cluetipInnerにはすでに'があります
私はまだこれがどのような状況で起こっているのか理解できません。。それを再現できる唯一の方法は、ブラウザのキャッシュをすべてクリアしてから再起動することです。。おそらくajaxコールバックのタイミングの問題ですか?
jquery - cluetipは、ページの右上にあるリンクで機能しますか?
jquery cluetipを使用していますが、ページの右上にリンクがあり、クリックすると、クリックした場所の下部にツールチップが表示されますが、代わりに、画面または画面の上部。これが私のコードです:
positionByを「auto」または「mouse」に変更しようとしましたが、それでも機能しません。。cluetipは、画面の右側にあるリンクをまったく処理しませんか?
jquery - Cluetipがアクティブ化されたら、個別の動的divをターゲットにする方法は?
製品のカタログを持っています。サムネイルをロールオーバーすると、製品の説明がツールチップ(Cluetip)に表示されます。Cluetipをアクティブにしたときに、関連する画像の周囲に影を表示する必要があります。
そのために、画像の周りに影のある別のdivを作成しました。これは、Cluetipがアクティブ化されたときにdivをターゲットにする方法です。
しかし、私の場合、問題はCMSがdivのIDを動的に生成するため、#shadow6、#shadow8、#shadow17などの名前が付けられていることです。
私の質問は、Cluetipがアクティブ化されたら、特定の動的divのIDをターゲットにする方法です。
jQuery:
HTML / PHP(ループ内)
実際のコード
javascript - 実行時に Cluetip の背景画像を変更する
jQuery を使用して、実行時に Cluetips の背景画像を条件付きで変更したいと考えています。私は「丸め」をcluetipClassとして使用しています。
これでうまくいくと思いました:
しかし、Chrome Developer Toolbar では、CSS 設定がまったく変更されていないことがわかります。
手がかりのCSS設定を変更するにはどうすればよいですか?
ベスト、デビッド
jquery - jQuery のclueTip: オリジナルのツールチップがヒントのツールチップと一緒に表示されます (2 つのツールチップ)
jQuery のclueTipプラグインに問題があります。
私はこの方法でプラグインを初期化しています:
td
機能していますが、要素をクリックして数回ホバーすると、title
属性が再び入力され、元のツールチップがヒントのツールチップと一緒に表示されます (Internet Explorer の場合)。
誰かアイデアがありますか?
スクリーンショット
ページの読み込み:
クリック/ホバリング/操作後:
http://tinypic.com/r/16j4ldi/6
私はjQuery 1.7.2と手がかり1.2.5を使用しています。
jquery - 動的要素に関するjqueryの手がかり
これを正しく機能させることができないようです。
DOMへのリンクをいくつか書いています(jsonファイルをループしてDOMに追加します)。次に、ホバー時にツールチップをトリガーするためにそれらの要素が必要です。
この方法の良い例はどこにも見当たりません。手がかりのサイトには、aを探して手がかりを呼び出す簡単な例が示されています。これを行うには、.liveまたは.delegateの方法が必要だと思います。
しかし、これは最初のマウスオーバーをトリガーせず、「申し訳ありませんが、コンテンツをロードできませんでした」というメッセージが表示されます。
何か案は?
ありがとう
javascript - ページの読み込み後に手がかりの内容を変更する
ページが読み込まれた後にヒントの内容を変更したい。
手がかりのヒントにボタンがあり、それをクリックした後、それを消したいとしましょう。
だからここに手がかりがあります:
HTML:
クリックイベントは次のとおりです。
これにより、ボタンが削除され、その親にメッセージが追加されますが、ヒントを再度開くと、古いコンテンツが再び表示されます。
プラグインは、ページの読み込み時に DOM 構造を取得し、その後はページの変更を気にしません。
プラグインが閉じられるたびに、プラグインを再度実行しようとしました。
それはまだ同じです。
javascript - ajax 成功後のライブ要素の最初のクリックで手がかりのヒントが機能しない
ajaxの成功後のライブ要素では、cluetipの以下のコードは最初のクリックでのみ機能しません。それ以外の場合はスムーズに機能します。最初のクリックの問題は何ですか?
javascript - jquery の手がかりのヒントをターゲットの左側に配置します
私はjqueryのcluetipプラグインと友達になり、それを掘り下げました。
ただし、ヒント ポップアップをターゲット div の左側に配置したいと思います。現在、ターゲットの右側に十分なスペースがあるかどうかを計算し、失敗すると左側に表示されます。
コード例を次に示します。
テイカーはいますか?
jquery - タイトルが空のときにヒントを無効にする方法は?
タイトルが空の場合、ヒントには空の「div」が表示されます。タイトルが空のときにヒントを無効にする方法は?
jQuery:
HTML:
タイトルが存在する場合、ヒントが正しく表示されます。ただし、タイトルが空の場合、ヒントは表示されません (現在、空の div が表示されています)。どうやってするの?