我需要在用户单击按钮时更改 data-matchId 值。我可以获得点击值，但无法将其设置为 data-matchId。
HTML 部分:
<script id="betradar" type="text/javascript" data-matchId="" src="http://cs.betradar.com/ls/widgets/?/universalsoftwaresolutions/tr/Europe:Istanbul/widgetloader/widgets"></script>
JavaScript 部分:
$('.livemenumatch').click(function() {
clearInterval(refreshIntervalId);
var id = $(this).attr('data-id');
var betradar = $(this).attr('data-betradar');
localStorage.setItem("lastid", id);
$.ajax({
url: '<?php echo site_url('canli'); ?>/' + id,
type: 'POST',
data: { 'submit': true },
success: function(data) {
$("#matchDetails").html(data);
$("#betradar").attr('data-matchId' , betradar);
},
});
var lastid = localStorage.getItem('lastid', lastid);
refreshIntervalId = setInterval(function() {
refreshDiv(lastid)
}, 3000);
});
我知道，给脚本标签赋予 id 值可能是愚蠢的，但我尝试了几种方法，但找不到任何解决方案。例如;我试图在成功后返回 HTML(请检查 JS 代码)但它也失败了。
提前致谢。
编辑 1:
我尝试了另一种方法来修复它，现在我将我的 HTML 部分更改为:
<div id="track"></div>
并将 JavaScript 部分更改为:
var betradar = 'somemanualid';
$("#track").html('<script type="text/javascript" data-matchId="'+ betradar +'" src="http://cs.betradar.com/ls/widgets/?/universalsoftwaresolutions/tr/Europe:Istanbul/widgetloader/widgets">');
现在，它在小部件上给出错误。这很奇怪，因为当我把
<script type="text/javascript" data-matchId="someidhere" src="http://cs.betradar.com/ls/widgets/?/universalsoftwaresolutions/tr/Europe:Istanbul/widgetloader/widgets">
部分直接在 HTML 上，工作完美。
编辑 3:
我正在分享所有 HTML 和 JS 部分:
live.php页面:
<body style="">
<div id="loading" style="display: none;">
<span class="imgload"></span>
</div>
<!-- Header -->
<?php $this -> load -> view('user/headerMenu'); ?>
<!-- End of Header -->
<!-- Content -->
<div class="content-pro shade">
<div class="content-pro3">
<div class="content-row">
<!-- Left -->
<div class="content-left">
<div id="liveMenu">
</div>
</div>
<!-- Center -->
<div class="lmt-container" style="width: 98%"></div>
<div id="matchDetails">
</div>
<!-- End of Center -->
<!-- Right -->
<div class="content-right">
<div id="coupon_block">
<div class="kupon-pro-fixed">
<div class="kupon-pro">
<div class="loading">
<div class="imgload"></div>
</div>
<!-- Kupon Title -->
<div class="kupon-titlewrap bordertop">
<div class="kupon-title bordertop">
<span class="glyphicon glyphicon-list"></span><h1>Bahis Kuponu</h1>
<a onclick="setCouponPosition(this);" class="change-static" title="Kuponu sabitle"></a>
<span class="badge"><span id="coupon_count"></span> Seçim</span>
</div>
</div>
<!-- // Kupon Title -->
<!-- Kupon Empty -->
<div class="kupon-pro-empty borderbottom">
<p class="pad10">
<span class="glyphicon glyphicon-info-sign font12"></span> Bahis yapmak için bir seçim yapmanız gerekir
</p>
</div>
<!-- // Kupon Empty -->
</div>
</div>
</div>
<div class="right-area">
</div>
</div>
<!-- End of Right -->
<span id="lbl_collapse" style="display:none;">Tümünü Kapat</span>
<span id="lbl_expand" style="display:none;">Tümünü Aç</span>
<span id="lbl_betgroup" style="display:none;">Bahis Grubu Seçin</span>
<span id="lbl_betgroupall" style="display:none;">Bütün Bahisler</span>
<span id="lbl_game" style="display:none;">Oyun</span>
<span id="lbl_all" style="display:none;">Hepsi</span>
</div>
</div>
</div>
<!-- End of Content -->
<script type="text/javascript">
SRLive.addWidget('widgets.lmts', {
container: '.lmt-container',
showPitch: 'true',
showScoreboard: 'true',
showMomentum: 'true',
sidebarLayout: 'dynamic'// 'dynamic' | 'bottom'>
});
</script>
<script type="text/javascript">
$(document).ready(function() {
setInterval(function() {
$.ajax({
url: '<?php echo site_url('canliMenu'); ?>/',
type: 'GET',
data : "",
success: function(data)
{
if(data!=null)
$("#liveMenu").html(data);
},
error: function (data)
{
console.log(data);
}
})
}, 1000);
});
</script>
</body>
liveMenu.php 文件:
<div class="livenow-menuwrap">
<div class="livenowalt-title bordertop">
<h1>Şu An Canlı</h1><span class="badge">24</span>
</div>
<div class="livenowmenu-content">
<ul id="livemenu" class="navprolivenowalt">
<li id="lvm-1" class="menuc1 open sportm-order-1">
<a href="javascript:void(0)" onclick="liveMenuToggle(this)" class="live-theme1"><span class="sportmain"> <i class="sporttype1"></i></span> Futbol <span class="badge">12</span></a>
<ul id="sportm-ct-1">
<?php foreach($liveList as $countryName => $rows) { ?>
<li id="lvm-1-175" class="menuc2 active open countrym-order-9999">
<a href="javascript:void(0)" onclick="liveMenuToggle(this)"><span class="flagmain"><i class="flag115"></i></span> <?php echo $countryName; ?></a>
<ul id="countrym-fix-1-175">
<?php foreach($rows as $m) { ?>
<li class="fix-season-19182" id="lvmfix-2547028">
<a data-id="<?php echo $m['matchId']; ?>" data-betradar="<?php echo $m['betradarId']; ?>" class="livemenumatch" id="lmi-2547028">
<span class="livenow-teams"><?php echo $m['homeTeam']; ?> - <?php echo $m['visitorTeam']; ?></span>
<span class="livenow-scoreinfo" id="fix-spm-2547028">
<span class="livenow-inscore"><?php echo $m['score']; ?></span>
<span class="livenow-inscore"><?php echo $m['minute']; ?></span>
<span class="livenow-inscore"><?php echo $m['timeDetail']; ?></span>
</span>
</a>
</li>
<?php }?>
</ul>
</li>
<?php }?>
</ul>
</li>
</ul>
</div>
</div>
<script type="text/javascript">
function refreshDiv(id){
$.ajax({
url: '<?php echo site_url('canli'); ?>/' + id,
type: "GET",
data : "",
success: function(data)
{
if(data!=null)
$("#matchDetails").html(data);
},
error: function (data)
{
console.log(data);
}
});
}
var refreshIntervalId;
$('.livemenumatch').click(function() {
clearInterval(refreshIntervalId);
var id = $(this).attr('data-id');
localStorage.setItem("lastid", id);
$.ajax({
url: '<?php echo site_url('canli'); ?>/' + id,
type: 'POST',
data: { 'submit': true },
success: function(data) {
$("#matchDetails").html(data);
},
});
var lastid = localStorage.getItem('lastid', lastid);
refreshIntervalId = setInterval(function() {
refreshDiv(lastid)
}, 3000);
});
</script>
liveDetail.php 文件:
<div class="content-center" id="liveDiv">
<div class="livescoreboard livescoreboard36" style="" id="livescoreboard">
<div class="livescoreboard-title accordion-toggle pointer" data-toggle="collapse" data-target="#livescore-close">
<span class="live-event-league"><span class="flagmain"><i class="flag252 margin0"></i></span> <?php echo $liveDetail['country']; ?></span>
<span class="live-event-hometeam"><?php echo $liveDetail['homeTeam']; ?></span>
<span class="live-event-scorenow"><?php echo $liveDetail['score']; ?></span>
<span class="live-event-awayteam"><?php echo $liveDetail['visitorTeam']; ?></span>
<span class="live-event-start"><span class="glyphicon glyphicon-time"></span> <?php echo $liveDetail['date']; ?></span>
</div>
<div class="livescoreboard-headwrap" style="display: none;">
<div class="livescoreboard-headlink">
<ul>
<li>
<a href="javascript:void(0)" class="nohref video_lbl active" onclick="toggleVideo(this, 'graphic')"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> Canlı Grafik</a>
</li>
<li>
<a href="javascript:void(0)" class="nohref video_lbl" onclick="toggleVideo(this, 'video')"><span class="glyphicon glyphicon-facetime-video" aria-hidden="true"></span> Canlı Video</a>
</li>
</ul>
</div>
</div>
<div class="livescoreboard-content collapse in" id="livescore-close">
<div class="lmt-container"></div>
<script type="text/javascript" data-matchId="8047580" src="http://cs.betradar.com/ls/widgets/?/universalsoftwaresolutions/tr/Europe:Istanbul/widgetloader/widgets"></script>
<script type="text/javascript">
SRLive.addWidget('widgets.lmts', {
container: '.lmt-container',
showPitch: 'true',
showScoreboard: 'true',
showMomentum: 'true',
sidebarLayout: 'dynamic'// 'dynamic' | 'bottom'>
});
</script>
</div>
</div>
<div id="divOrta">
<div class="live-event-rate-well">
<div class="live-event-actions-title">
<div class="pull-left">
<div class="live-events-actions-column">
<ul>
<li>
<a onclick="openAllFixture()"><span class="glyphicon glyphicon-chevron-down"></span> Tümünü Aç</a>
</li>
<li>
<a onclick="closeAllFixture()"><span class="glyphicon glyphicon-chevron-up"></span> Tümünü Kapat</a>
</li>
</ul>
</div>
</div>
</div>
<div class="live-event-bettype-title" style="display: none;">
<span class="pull-left">undefined</span><span class="pull-right"><a class="close-icon-sm clsoe-white" onclick="closeGroupMarketLine()"></a></span>
</div>
<div class="double-view">
<?php foreach($liveDetail['odds'] as $odds) { ?>
<div class="sub-main-well-live btg-order-1" id="fx-btg-<?php echo $odds['orderNo']; ?>">
<div class="sub-rate-title" data-toggle="collapse" data-target="#ac-kapa-sub-rate-<?php echo $odds['orderNo']; ?>">
<span><?php echo $odds['oddType']; ?></span>
</div>
<div class="close-open in" id="ac-kapa-sub-rate-<?php echo $odds['orderNo']; ?>">
<div class="sub-fixturelayout">
<ul>
<li>
<div class="fixturelayout-rate">
<ul>
<li id="btg-odd-<?php echo $odds['orderNo']; ?>">
<?php echo $odds['odd']; ?>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
<?php }?>
</div>
</div>
</div>
</div>
最佳答案
我认为它的 jquery 没有执行您的脚本。试试纯js
t = document.getElementById("track")
var tag = document.createElement('script');
tag.setAttribute("data-matchId", "somethingHere");
tag.setAttribute("id","dynamic-script");
tag.src = "http://cs.betradar.com/ls/widgets/?/universalsoftwaresolutions/tr/Europe:Istanbul/widgetloader/widgets";
t.appendChild(tag);
看看这是否有帮助
关于javascript - 更改数据 ID onclick，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33754789/
如何正确创建Rails迁移，以便将表更改为MySQL中的MyISAM？目前是InnoDB。运行原始执行语句会更改表，但它不会更新db/schema.rb，因此当在测试环境中重新创建表时，它会返回到InnoDB并且我的全文搜索失败。我如何着手更改/添加迁移，以便将现有表修改为MyISAM并更新schema.rb，以便我的数据库和相应的测试数据库得到相应更新？ 最佳答案 我没有找到执行此操作的好方法。您可以像有人建议的那样更改您的schema.rb，然后运行:rakedb:schema:load，但是，这将覆盖您的数据。我的做法是(假设
我主要使用Ruby来执行此操作，但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式，例如使用这个yaml文件，它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i
我在我的Rails项目中使用Pow和powifygem。现在我尝试升级我的ruby版本(从1.9.3到2.0.0，我使用RVM)当我切换ruby版本、安装所有gem依赖项时，我通过运行railss并访问localhost:3000确保该应用程序正常运行以前，我通过使用pow访问http://my_app.dev来浏览我的应用程序。升级后，由于错误Bundler::RubyVersionMismatch:YourRubyversionis1.9.3,butyourGemfilespecified2.0.0，此url不起作用我尝试过的:重新创建pow应用程序重启pow服务器更新战俘
我尝试使用不同的ssh_options在同一阶段运行capistranov.3任务。我的production.rb说:set:stage,:productionset:user,'deploy'set:ssh_options,{user:'deploy'}通过此配置，capistrano与用户deploy连接，这对于其余的任务是正确的。但是我需要将它连接到服务器中配置良好的an_other_user以完成一项特定任务。然后我的食谱说:...taskswithoriginaluser...task:my_task_with_an_other_userdoset:user,'an_othe
有时我需要处理键/值数据。我不喜欢使用数组，因为它们在大小上没有限制(很容易不小心添加超过2个项目，而且您最终需要稍后验证大小)。此外，0和1的索引变成了魔数(MagicNumber)，并且在传达含义方面做得很差(“当我说0时，我的意思是head...”)。散列也不合适，因为可能会不小心添加额外的条目。我写了下面的类来解决这个问题:classPairattr_accessor:head,:taildefinitialize(h,t)@head,@tail=h,tendend它工作得很好并且解决了问题，但我很想知道:Ruby标准库是否已经带有这样一个类？ 最佳
假设我有一个FireNinja我的数据库中的对象，使用单表继承存储。后来才知道他真的是WaterNinja.将他更改为不同的子类的最干净的方法是什么？更好的是，我很想创建一个新的WaterNinja对象并替换旧的FireNinja在数据库中，保留ID。编辑我知道如何创建新的WaterNinja来self现有FireNinja的对象，我也知道我可以删除旧的并保存新的。我想做的是改变现有项目的类别。我是通过创建一个新对象并执行一些ActiveRecord魔法来替换行，还是通过对对象本身做一些疯狂的事情，或者甚至通过删除它并使用相同的ID重新插入来做到这一点，这是问题的一部分。
我正在尝试使用Curbgem执行以下POST以解析云curl-XPOST\-H"X-Parse-Application-Id:PARSE_APP_ID"\-H"X-Parse-REST-API-Key:PARSE_API_KEY"\-H"Content-Type:image/jpeg"\--data-binary'@myPicture.jpg'\https://api.parse.com/1/files/pic.jpg用这个:curl=Curl::Easy.new("https://api.parse.com/1/files/lion.jpg")curl.multipart_form_
无论您是想搭建桌面端、WEB端或者移动端APP应用，HOOPSPlatform组件都可以为您提供弹性的3D集成架构，同时，由工业领域3D技术专家组成的HOOPS技术团队也能为您提供技术支持服务。如果您的客户期望有一种在多个平台（桌面/WEB/APP，而且某些客户端是“瘦”客户端）快速、方便地将数据接入到3D应用系统的解决方案，并且当访问数据时，在各个平台上的性能和用户体验保持一致，HOOPSPlatform将帮助您完成。利用HOOPSPlatform，您可以开发在任何环境下的3D基础应用架构。HOOPSPlatform可以帮您打造3D创新型产品，HOOPSSDK包含的技术有：快速且准确的CAD
本教程将在Unity3D中混合Optitrack与数据手套的数据流，在人体运动的基础上，添加双手手指部分的运动。双手手背的角度仍由Optitrack提供，数据手套提供双手手指的角度。 01 客户端软件分别安装MotiveBody与MotionVenus并校准人体与数据手套。MotiveBodyMotionVenus数据手套使用、校准流程参照：https://gitee.com/foheart_1/foheart-h1-data-summary.git02 数据转发打开MotiveBody软件的Streaming，开始向Unity3D广播数据；MotionVenus中设置->选项选择Unit
文章目录一、概述简介原理模块二、配置Mysql使用版本环境要求1.操作系统2.mysql要求三、配置canal-server离线下载在线下载上传解压修改配置单机配置集群配置分库分表配置1.修改全局配置2.实例配置垂直分库水平分库3.修改group-instance.xml4.启动监听四、配置canal-adapter1修改启动配置2配置映射文件3启动ES数据同步查询所有订阅同步数据同步开关启动4.验证五、配置canal-admin一、概述简介canal是Alibaba旗下的一款开源项目，Java开发。基于数据库增量日志解析，提供增量数据订阅&消费。Git地址：https://github.co