在Javascript函数中将变量插入到DIV中

时间:2012-04-12 17:45:52

标签: php javascript jquery wordpress simplemodal

如果我说出错误的术语,那就把它放在那里,对于初学者来说,我的Javascript经验不到4小时。我想要做的是将一个变量添加到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();

显然开始并不是最好的解决方案。因为当onclick事件发生时,它会导致页面上以osx-modal-content开头的所有DIVS都被激活。所以需要对其进行微调。

我如何将变量添加到javascript中以便它...... .... / / p>

$("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.......

1 个答案:

答案 0 :(得分:1)

<script>
var osx = "osx<?php echo $x;?>";
</script>

然后你可以在你的jQuery选择器中使用osx变量