Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/arduino/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在动态生成的html页面中运行javascript?_Javascript_Jquery_Html_Ajax_Jquery Mobile - Fatal编程技术网

如何在动态生成的html页面中运行javascript?

如何在动态生成的html页面中运行javascript?,javascript,jquery,html,ajax,jquery-mobile,Javascript,Jquery,Html,Ajax,Jquery Mobile,我有一个使用jquery mobile创建页面列表视图的场景。我在数据库中有许多事件,我解析网页中的事件,并创建一个包含html页面的列表视图,每个事件一个。我还在每个页面中创建一个独特的“订阅”按钮,以便用户可以订阅该事件(按钮的ID为sub1、sub2、sub3等) 问题是我不知道如何访问按钮id,因为我看不到如何在这些动态生成的页面中运行javascript。我想做的是,若用户在event1页面中并按下sub1按钮,那个么订阅该事件。但是我不知道数据库有多少个事件,这意味着我不知道将创建多

我有一个使用jquery mobile创建页面列表视图的场景。我在数据库中有许多事件,我解析网页中的事件,并创建一个包含html页面的列表视图,每个事件一个。我还在每个页面中创建一个独特的“订阅”按钮,以便用户可以订阅该事件(按钮的ID为sub1、sub2、sub3等)

问题是我不知道如何访问按钮id,因为我看不到如何在这些动态生成的页面中运行javascript。我想做的是,若用户在event1页面中并按下sub1按钮,那个么订阅该事件。但是我不知道数据库有多少个事件,这意味着我不知道将创建多少页。

使用类注册单击,然后获取ID作为属性 为所有
id=subX
按钮指定一个类
sub按钮
,然后执行以下操作:

$('.sub-button').click(function() {
    subscribe($(this).attr('id'));
});
这将把单击按钮的ID作为参数传递给
subscribe

将上次单击按钮的ID打印到
div

使用类注册单击,然后将ID作为属性获取 为所有
id=subX
按钮指定一个类
sub按钮
,然后执行以下操作:

$('.sub-button').click(function() {
    subscribe($(this).attr('id'));
});
这将把单击按钮的ID作为参数传递给
subscribe


将上次单击的按钮的ID打印到
div

您还可以在html中为每个按钮提供一个
onclick
方法

HTML:


您还可以在html中为每个按钮提供一个
onclick
方法

HTML:



我很困惑——我不明白如何运行jQuery,但不能运行JavaScript。你能澄清一下你的意思吗?谢谢。构造一个合适的选择器我很困惑-我不明白如何运行jQuery,但不能运行JavaScript。你能澄清一下你的意思吗?谢谢。构造一个合适的选择器看起来是一个优雅的解决方案,但由于某些原因似乎不起作用。你确定是这样吗?@JohnyJaz是的,如果你有一个名为
subscribe
的函数,它以一个按钮ID作为参数,并且你所有的按钮都有一个
子按钮的类以及ID。一切都完全如你所说。我编辑了这个问题,如果你愿意,请看一下代码。我通过一些ajax调用获取事件,然后按照你说的做。@JohnyJaz看到我添加的演示,可能会有所帮助。@JohnyJaz在脚本之前包含了jQuery吗?看起来是一个优雅的解决方案,但由于某些原因似乎不起作用。你确定是这样吗?@JohnyJaz是的,如果你有一个名为
subscribe
的函数,它以一个按钮ID作为参数,并且你所有的按钮都有一个
子按钮的类以及ID。一切都完全如你所说。我编辑了这个问题,如果你愿意,请看一下代码。我通过一些ajax调用获取事件,然后按照您说的去做。@JohnyJaz看到我添加的演示,可能会有所帮助。@JohnyJaz您在脚本之前包含jQuery了吗?非常感谢Rob。工作起来很有魅力!很高兴能帮上忙:)非常感谢你,罗布。工作起来很有魅力!很高兴为您效劳:)
window.subscribeEvent = function (element) {
    console.log(element.id);
}