我是新来的Angular在进行ajax调用后陷入困境.一旦注入DOM,我如何渲染/编译html内容,以便我仍然可以使用AngularJs函数.
由于我的后端设置方式,我必须通过ajax($ http)获取内容.我正在制作没有jQuery的应用程序.我尝试了$ compile和$ apply但是没有用.我在这里想念的是什么
我在http://jsfiddle.net/rexonms/RB7FQ/3/上设置了代码.我希望第二个div内容具有与第一个div相同的属性.
<div ng-controller="MyCtrl" class="section">
<input ng-model="contentA">
<div>
And the input is: {{contentA}}
</div>
</div>
<div ng-controller="MyAjax" class="section">
<div id="dumpAjax">
{{ajaxData}}
</div>
<button ng-click=getajax()> Get Ajax</button>
</div>
var myApp = angular.module('myApp',[]);
//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});
function MyCtrl($scope) {
}
function MyAjax($scope){
var data = '<input ng-model="contentB">{{contentB}}';
$scope.getajax = function(){
$scope.ajaxData = data;
}
}
提前致谢.
我有一个字符串"5A"或"a6".我想在结果上只获得"A"或"a".我使用以下但它不起作用.
使用Javascript
var answer = '5A';
answer = answer.replace(/^[0-9]+$/i);
//console.log(answer) should be 'A';
我是Reacj.js的新手,无法从函数中获取价值.我不确定我做得对.我需要函数表达式"func"来返回"from func"并替换{this.func}.不确定我错过了什么.
var Hello = React.createClass({
func: function(){
return 'from func';
},
render: function() {
return <div>
<div>Props: {this.props.name}</div>
<div>Function: {this.func}</div>
</div>;
}
});
React.render(<Hello name="from props" />, document.getElementById('container'));
当div滚动到达某个点时,我正在尝试运行一些脚本.有一个固定的导航,当用户滚动窗口时,它假设一旦接近导航,就更改导航名称.我正在使用$(window).scroll函数,但它只检查div位置一次而不是更新值.如何滚动检查窗口大小每5-10 px移动,以便它不需要太多的内存/处理.代码设置在:http://jsfiddle.net/rexonms/hyMxq/
HTML
<div id="nav"> NAVIGATION
<div class="message">div name</div>
</div>
<div id="main">
<div id="a">Div A</div>
<div id ="b"> Div B</div>
<div id ="c"> Div C</div>
</div>?
CSS
#nav {
height: 50px;
background-color: #999;
position:fixed;
top:0;
width:100%;
}
#main{
margin-top:55px;
}
#a, #b, #c {
height:300px;
background-color:#ddd;
margin-bottom:2px;
}
脚本
$(window).scroll(function() {
var b = $('#b').position();
$('.message').text(b.top);
if (b.top == 55) {
$('.message').text("Div B");
}
});?
我正在尝试创建一个小应用程序,用户可以拖动图像移动它.
我正在使用jQuery UI.我能够创建一个克隆,但拖动的东西不起作用.此外,创建克隆时,它会在"this"图像旁边添加.我希望克隆和原始图像在彼此之上.因此,mousedown事件会创建一个新图像并使其可以拖动,从而获得克隆效果.
有关演示,请访问http://www.kalomaya.com/dragable/index.html
.draggable {
float:left;
margin-right:10px;
margin-bottom:10px;
position:relative;
}
<div class="draggable"><img src="images/imageA.png" /></div>
<div class="draggable"><img src="images/imageB.png" /></div>
<script type="application/javascript">
$(function(){
$(".draggable").mousedown(function()
{
$(this).children().clone().appendTo(this);
$(this).children().draggable();
});
});
</script>
我有两个函数可以加载文档就绪.它们单独运行时工作正常.但是当两个函数都在同一个文件上调用就绪js.其中一个(第二个)不起作用.请帮忙.文件设置在:http: //jsfiddle.net/rexonms/FXPhu/15/
随后将在文档就绪时调用基本代码.它调用jQuery 1.2.6 - 它是一个封闭的CMS,我无法更改jQuery的版本:
// Sidebar Accordion Nav
$("#linkListSub3 li li").hide();
$("#linkListSub3 li").hover(function() {
if ($("li", this).is(":hidden")) {
$("#linkListSub3 li li").next().slideUp();
$("li", this).next().slideDown();
}
return false;
});
//Hide And show Toggle Bar animation
$(".toggleContainer").hide(); //Hide (Collapse) the toggle containers on load
//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
$("a.trigger").click(function() {
$(this).toggleClass("active").next().slideToggle("slow");
return false; //Prevent the browser jump to the link anchor
});
我找到了基于JSON数据的预检单选按钮的解决方案,但我认为代码可以改进.或者应该有更好的方法来实现它.数据结构如下:
{
radioA: 'Radio A',
radioB: 'Radio B',
radioC: 'Radio C',
selected: 'Radio A'
}
不确定这是否是最好的方法.如果需要,可以修改数据结构.
根据提供的数据,我正在渲染单选按钮,其中一个预选.以下是我所拥有的.
var App = React.createClass({
getInitialState: function(){
return {
radioA: 'Radio A',
radioB: 'Radio B',
radioC: 'Radio C',
selected: 'Radio A'
}
},
render: function(){
return(
<div>
{Object.keys(this.state).map(function(key) {
// Not displaying the selected data
if(key !== 'selected'){
// Checked radio button
if(this.state[key] == this.state['selected']){
return(
<div>
<label className="radio-inline" key={key} htmlFor={key}>
<input id={key} type="radio" checked value={key} /> {this.state[key]}
</label>
</div>
);
}
else{
return( …我觉得自己像个傻瓜，不知道如何使用 jQuery 更改大小写。堆栈溢出=堆栈溢出。
jQuery
var name = "Stackoverflow"
$('name').toLowerCase();
alert(name);
我是React.js的新手,并且通过子组件得到了卡通循环.我有一个对象,我需要循环它,它应该使用该对象的值创建子组件.先感谢您
var o = {
playerA: {
name: 'a',
},
playerB: {
name: 'b',
}
};
var Players = React.createClass({
getPlayers: function(){
return o;
},
render: function() {
return (
<div>
<div className="row"> Players</div>
{this.getPlayers()}
<Player />
</div>
);
}
});
var Player = React.createClass({
render: function(){
return (
<div className="row" > player {this.name} < /div>
)
}
});
React.render(<Players />, document.getElementById('container'));
结果应该是:
球员
球员b
我有小提琴设置:http: //jsfiddle.net/rexonms/7f39Ljbj/
我很善于反应并且无法获得循环生成的单选按钮的价值.我有一个小提琴设置:https://jsfiddle.net/rexonms/zrax0zfa/.
该示例有两种类型的单选按钮.一组使用循环生成,另一组使用循环生成.没有循环的那个工作(记录按钮的值)但是当我尝试控制记录单选按钮的值时,用循环创建的那个不起作用.
先感谢您.
var Inputs = React.createClass({
getInitialState: function(){
return {
radios: {
a: { radio: 'Radio Loop A' },
b: { radio: 'Radio Loop B' },
c: { radio: 'Radio Loop C' }
},
radioNoLoop: 'Radio No Loop'
}
},
selectHandlerLoop: function(e){
console.log(e.target.value);
},
selectHandle: function(e){
console.log(e.target.value);
},
render: function() {
var radios = this.state.radios;
var r = this;
return(
<div>
{/* Creating radio buttons using Array */}
{Object.keys(radios).map(function(key,r) {
return (
<div key={key}>
<label …该应用程序正在使用Dreamweaver但是当我在Chrome或IE上试用它时它无法正常工作.我知道问题在哪里,但我现在不知道如何解决它.它与将变量应用为img src有关.代码在http://jsfiddle.net/v9rxH/设置
问题就在于此
$(".topImage").attr("src", "'" + obj[randomNumA].urlTop + "'");
$(".middleImage").attr("src", "'" + obj[randomNumB].urlMiddle + "'");
$(".bottomImage").attr("src", "'" + obj[randomNumC].urlBottom + "'");
当浏览器呈现它是显示时
<img src="'http://placehold.it/300x100&text=SecondBottom'" class="bottomImage">
它在src中添加了额外的单引号('').基于此,我删除了单引号,它将变量显示为文本而不是它的值.我错过了什么？提前致谢.雷克斯