間違った専門用語を言うと、私は文字どおり 4 時間未満の Javascript 初心者向けの経験しかありません。私がやろうとしているのは、javascript にある事前定義された DIV の最後に変数を追加することです。
たとえば、変数は次のとおりです。
<?php
$n = rand(10e16, 10e20);
$x = base_convert($n, 10, 36);
?>
使用中の変数は次のとおりです。
<input type="button" name="osx<?php echo $x;?>" value="View" class="osx<?php echo $x;?>" id="osx<?php $x;?>"/>
<div id="osx-modal-content<?php echo $x;?>" style="display:none">
JavaScript関数では、現在これを持っています:
jQuery(function ($) {
var OSX = {
container: null,
init: function () {
$("[id^=osx").click(function (e) {
e.preventDefault();
$("[id^=osx-modal-content]").modal({OPTIONS});
この:
open: function (d) {
var self = this;
self.container = d.container[0];
d.overlay.fadeIn('slow', function () {
$("[id^=osx-modal-content]" + $x, self.container).show();
どうやらBegins Withは最善の解決策ではありません。onclick イベントが発生すると、osx-modal-content で始まるページ上のすべての DIVS がアクティブになります。そのため、微調整する必要があります。
変数をjavascriptに追加するにはどうすればよいでしょうか....
$("osx" + $x).click(function (e) {
$("#osx-modal-content" + $x).modal({OPTIONS});
$("#osx-modal-content" + $x, self.container).show();
たとえば、$x = 12345 とすると、Javascript は次のように読み取ります.....
$("osx12345") etc..........
$("#osx-modal-content12345") etc.......
$("#osx-modal-content12345", self.container etc.......