美好的一天,我正试图在里面的多个输入字段中显示工具提示。这是我的剧本。
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script>
$(document).ready(function(){
$(document).on("change",'#tooltip1val',function(){
$('.tooltip1').attr('title',$(this).val());
})
});
</script>
<table>
<tr>
<td>Tooltip 1<input data-toggle="tooltip" id="tooltip1val" type="text"></td>
</tr>
</table>
------------------
<table>
<tr>
<td>Result 1<input class="tooltip1"
type="text">
</td>
<td>Result 1<input class="tooltip1"
type="text">
</td>
</tr>
</table>
现在我只能做static
。那么,如果我有多个地方输入tooltip-title
&amp;我有多个文本字段来使用工具提示?
示例:
<table>
<?php for($x=0;$x<8;$x++){?>
<tr>
<td>Tooltip <?php echo $x;?><input id="tooltip1val" type="text"></td>
</tr>
<?php } ?>
</table>
------------------
<table>
<?php for($x=0;$x<8;$x++){?>
<tr>
<td>Result <?php echo $x;?><input data-toggle="tooltip" class="tooltip1"
type="text">
</td>
<td>Result <?php echo $x;?><input data-toggle="tooltip" class="tooltip1"
type="text">
</td>
<?php } ?>
</tr>
提前致谢并抱歉我的英文不好
答案 0 :(得分:1)
目前,所有类tooltip1
的输入都将从tooltip1val
上方的已更改输入中获取数据(第一个代码已被剪切)。
如果你想做多个喜欢,那么每个id="tooltip1val"
都应该拥有自己的索引,如tooltip1val tooltip2val
和所有class="tooltip1"
,例如tooltip1 tooltip2
,你必须为每个id="tooltipXval
添加$(document).on("change" script
<table>
<?php for($x=0;$x<8;$x++){ ?>
<tr>
<td>Tooltip <?php echo $x;?><input id="tooltip<?php echo $x;?>val" type="text">
<script>
$(document).ready(function(){
$(document).on("change",'#tooltip<?php echo $x;?>val',function(){
$('.tooltip<?php echo $x;?>').attr('title',$(this).val());
})
});
</script>
</td>
</tr>
<?php } ?>
</table>
------------------
<table>
<?php for($x=0;$x<8;$x++){?>
<tr>
<td>Result<?php echo $x;?><input data-toggle="tooltip" class="tooltip<?php echo $x;?>" type="text"></td>
<td>Result<?php echo $x;?><input data-toggle="tooltip" class="tooltip<?php echo $x;?>" type="text"></td>
</tr>
<?php } ?>
</table>
类似的东西:
"sap-icon://filter"